This is an old revision of the document!


type:
snippet
category:
checkout
name:
Adding an email confirmation field to the checkout
reference:
http://forum.foxycart.com/comments.php?DiscussionID=190&page=1
tags:
snippets, checkout, advance
date:
2011-05-27

Adding an email confirmation field to the checkout

See the code below:

<script type="text/javascript" charset="utf-8">
var verifyEmail = '<li id="li_customer_email_verify" class="fc_row fc_customer_email_verify">';
verifyEmail += '<label class="fc_label_left" for="customer_email_verify">Retype Email<span class="fc_ast">*</span></label>';
verifyEmail += '<input type="text" value="" autocomplete="off" class="fc_text fc_text_long fc_required" id="customer_email_verify" name="customer_email_verify"/>';
verifyEmail += '<label style="display: none;" class="fc_error" id="customer_email_verify_error" for="customer_email_verify">Please verify your email address.</label>';
verifyEmail	+=	'</li>';
jQuery(verifyEmail).insertAfter('#li_customer_email');
// Now add the onblur error checking events
jQuery("#customer_email_verify").blur(function() {
if (this.value == "") {
FC.checkout.updateErrorDisplay(this.name,true);
} else if (this.value != "" && this.value != jQuery('#customer_email').val()){
jQuery('label[for="customer_email_verify"].fc_error').text("Email address does not match.");
FC.checkout.updateErrorDisplay(this.name,true);
}else{
FC.checkout.updateErrorDisplay(this.name,false);
}
});
jQuery("#customer_email").blur(function() {
if (this.value != "" && this.value == jQuery('#customer_email_verify').val()){
FC.checkout.updateErrorDisplay(jQuery('#customer_email_verify').attr('name'),false);
}else if (this.value != "" && this.value != jQuery('#customer_email_verify').val()){
FC.checkout.updateErrorDisplay(jQuery('#customer_email_verify').attr('name'),true);
}
});
</script>

Site Tools