Browsing all articles tagged with Magento注册验证
Magento注册验证加强
紫月蓝骋 
Magento有自带的一个验证机制，但是用起来，用户体验不太好，Magento是在点击提交按钮以后才开始验证的。良好的用户体验是在客户提交表单前就提出错误的地方，可以去玩下淘宝的注册。
我先讲下Magento自带的验证机制的使用方法，首页看下js/prototype/validation.js，整个网站的验证相关的东西都写这里面，有能力的可以直接在这里面改，改成你想要的模式。Magento是通过class名来触发这个验证。我以注册页面为例，先看下注册页面的Email的html
1 | <input type="text" class="input-text validate-email required-entry" id="email_address" name="email"> |
required-entry说明这个是必填项，validate-email说明这个是邮箱验证。如果你想在其他的地方做这些验证 只要加上这两个class就行。
我在Magento的基础上，用jQuery做了点判断，做成类似淘宝的了。
我是通过blur事件来触发的，隐藏和显示div达到这个效果，下面发一些判断的正则。
判断电话号码，手机，座机一起判断的
1 | ((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$) |
判断邮编
1 | ^[0-9]{6}$ |
判断邮箱
1 | ^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$ |
-
订阅本站
