Jquery正则表达式用户表单验证.doc

好看又实用的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 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(function()$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(!$(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$/).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-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)