《Jquery正则表达式用户表单验证.doc》由会员分享，可在线阅读，更多相关《Jquery正则表达式用户表单验证.doc（7页珍藏版）》请在金锄头文库上搜索。
1、好看又实用的JQuery 验证框架效果图：代码如下：编辑界面 body font-size:12px;color:#335364.smargin:2px;padding:2px;font-size:12px; height:16px;.onSuccess background:#EAFFE4 url(1.gif) no-repeat 0 center;border:1px solid #3F9044;padding-left:18px;height:16px;.onError background:#FFF2E9 url(2.gif) no-repeat 0 center;border:1px
2、 solid #FF6600;padding-left:18px;height:16px;.nwidth:220px;height: 20px;background: transparent url(l.gif) left top no-repeat;.n1background-position:0 -20px;.n2background-position:0 -40px;.n3background-position:0 -60px;.n4background-position:0px -80px; !- $(document).ready(function()$(:input).blur(f
3、unction()$parent=$(this).parent();$parent.find(span).remove();$success=输入正确;if($(this).is(#userinfo)if(!$(this).val()$parent.append(用户名不能为空);return; if(!(/A-Za-z0-9_6,18$/).test($(this).val()$parent.append(用户名只能是6到18位数字或者字母);return; else$parent.append(+$success+);return; if($(this).is(#oldpwd)if(!$(
4、this).val()$parent.append(旧密码不能为空);return;if(!(/A-Za-z0-9_6,18$/).test($(this).val()$parent.append(密码只能是6到18位数字、下划线、字母);return; else$parent.append(+$success+);return; if($(this).is(#newPwd)$(#passinfo).removeClass().addClass(n);if(!$(this).val()$(#newPwd).after(新密码不能为空);return;if(!(/A-Za-z0-9_6,15$/
5、).test($(this).val()$(#newPwd).after(密码只能是6到15位数字、下划线、字母);return; else$(#newPwd).after(+$success+);if(/A-Z6,15|a-z6,15|0-96,15$/).test($(this).val()$(#passinfo).removeClass().addClass(n n1);if(/(a-z.*A-Z)|(A-Z.*a-z)/).test($(this).val()$(#passinfo).removeClass().addClass(n n2);if(/(a-z.*0-9)|(A-Z.*0
6、-9)|0-9.*a-zA-Z/).test($(this).val()$(#passinfo).removeClass().addClass(n n3);if(/A-Za-z0-9+_A-Za-z0-9*$/).test($(this).val()$(#passinfo).removeClass().addClass(n n4);return; if($(this).is(#newPwds)if(!$(this).val()$parent.append(新密码不能为空);return;if($(#newPwd).val()!=$(this).val()$parent.append(两次密码输入不一致);return;else$parent.append(+$success+);return; );$(#myform).submit(function()$(:input).trigger(blur);if($(.onError).length!=0)return false;);); /- 用户名：旧密码：新密码：重复密码： 资料图片如下：代码图片如下：
