Adding Confirm E-mail Address Field to Magento Frontend Forms
If you are thinking of adding a confirmation of e-mail address to the front-end registration pages of your store e.g the Checkout billing page or the customer account registration, the little snippets below could be of use to youFor the Checkout billing page
1. Locate the magento checkout billing page (billing.phtml) which can be found in app/design/frontend/default/ /template/checkout/onepage
2. Add code 1 below where situable;
Code 1
<div class="field"><label for="billing:confirm_email" class="required"><em>*</em><?php echo $this->__('Confirm Email Address') ?></label><div class="input-box"><input type="text" name="billing[confirm_email]" title="<?php
echo $this->__('Confirm Email') ?>" id="billing:confirm_email"
class="input-text required-entry validate-cemail" /></div> |
3. Locate the Javascript file which Magento uses for validation (validation.js) in /js/prototype
4. Add code 3 where suitable e.g immediately after this line(code 2) in validation.js
Code 2
1
2
| return !(pass.length < 7); }], |
['validate-cemail', 'Please make sure your emails match.', function(v) {var conf = $$('.validate-cemail')[0];var pass = false;if ($('email')) {pass = $('email');}var emailElements = $$('.validate-email');for (var i = 0; i < emailElements.size(); i++) {var emailElement = emailElements[i];if (emailElement.up('form').id == conf.up('form').id) {pass = emailElement;}}if ($$('.validate-admin-email').size()) {pass = $$('.validate-admin-email')[0];}return (pass.value == conf.value);}], |
For the Customer Account Registration page
1. Locate the magento account register page ,register.phtml in
app/design/frontend/ /default/template/persistent/customer/form/
2. Include code 4 where suitable
Code 4
<div class="field"><label for="confirm_email" class="required"><em>*</em><?php echo $this->__('Confirm Email Address') ?></label><div class="input-box"><input type="text" name="confirm_email" title="<?php
echo $this->__('Confirm Email') ?>" id="confirm_email"
class="input-text required-entry validate-cemail" /></div></div> |
No comments:
Post a Comment