JQuery正则验证
首先,引入一个jquery文件
<script src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript"> function register2(){ if($("#PHONE_NUMBER").val()==""){ alert("验证码不可为空"); return false; } if($("#USERNAME").val()==""){ alert("用户名不可为空"); return false; } if($("#PASSWORD").val()==""){ alert("密码不可为空"); return false; } if($("#REPASSWORD").val()==""){ alert("确认密码不可为空"); return false; } var s=$("#PASSWORD").val(); var a=$("#REPASSWORD").val(); if(s!=a){ alert("两次密码不一致"); return false; } //校验密码:只能输入6-12个字母、数字、下划线 var patrn = /^(w){6,12}$/; if(!patrn.test($("#PASSWORD").val())) { alert('只能输入6-12个字母、数字、下划线 !'); return false; } /*用户名校验:只能输入4-20个以字母开头、可带数字、“_”、“.”的字串 */ var name = /^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){3,19}$/; if(!name.test($("#USERNAME").val())) { alert('用户名只能输入4-20个以字母开头、可带数字、“_”、“.”的字串!'); return false; } $("#FORM2").submit(); $("#zhongxin").hide(); $("#zhongxin2").show(); } </script>
触发方法的事件:
<input type="button" onclick="register2();" class="am-btn am-btn-primary am-btn-block tpl-btn-bg-color-success tpl-login-btn" value="下一步" />
验证滑块是否划过
<script type="text/javascript"> function register1(){ /* 验证130-139,150-159,180-189号码段的手机号码 */ var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if(!myreg.test($("#PHONE").val())) { alert('请输入有效的手机号码!'); return false; } if($("#PHONE").val()==""){ alert("手机号码不为空"); $("#PHONE").focus(); return false; } if($('#drag').css("color")!="rgb(255, 255, 255)"){ alert("请拖动滑块"); return false; } $("#FORM1").submit(); $("#zhongxin").hide(); $("#zhongxin2").show(); } </script>
![](https://images2015.cnblogs.com/blog/1036116/201702/1036116-20170220171522585-1017472161.png)
function checkIshanzi(s) { //var patrn = /^[\u2E80-\u9FFF]$/; //Unicode编码中的汉字范围 /[^\x00-\x80]/ var patrn = /[^\x00-\x80]/; if (!patrn.exec(s)) return false return true } //校验登录名:只能输入4-20个以字母开头、可带数字、“_”、“.”的字串 function checkIsRegisterUserName(s) { var patrn = /^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){3,19}$/; if (!patrn.exec(s)) return false return true } //校验用户姓名:只能输入4-30个以字母开头的字串 function checkIsTrueName(s) { var patrn = /^[a-zA-Z]{4,30}$/; if (!patrn.exec(s)) return false return true } //校验密码:只能输入6-20个字母、数字、下划线 function checkIsPasswd(s) { var patrn = /^(w){6,20}$/; if (!patrn.exec(s)) return false return true } //校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-” function checkIsTel(s) { var patrn = /^[+]{0,1}(d){1,4}[ ]?([-]?((d)|[ ]){1,12})+$/; if (!patrn.exec(s)) return false return true } //校验手机号码 function checkIsMobil(s) { var patrn = /^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$/; if (!patrn.exec(s)) return false return true } //校验邮政编码 function checkIsPostalCode(s) { var patrn = /^[a-zA-Z0-9 ]{3,12}$/; if (!patrn.exec(s)) return false return true } //校验是否IP地址 function checkIsIP(s) { var patrn = /^[0-9.]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验EMail function checkIsEMail(s) { //var regex = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/; var patrn = /^([0-9A-Za-z\-_\.]+)@([0-9A-Za-z]+\.[A-Za-z]{2,3}(\.[A-Za-z]{2})?)$/g; if (!patrn.exec(s)) return false return true } //验证判断类型 function check(axd,lbm,int) { var s = $("#" + axd).val(); switch (int) { case 0: if (s == "") { $("#textt").text(lbm + "不能为空"); $(".tip").fadeIn(200); return false } break; case 1: if (!checkIsDigit(s)) { $("#textt").text(lbm + "只能全由数字组成,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 2: if (checkIsDigit(s)) { $("#textt").text(lbm + "不能全由数字组成,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 3: if (!checkIsRegisterUserName(s)) { $("#textt").text(lbm + "只能输入4-20个以字母开头、可带数字、“_”、“.”的字串,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 4: if (!checkIsTrueName(s)) { $("#textt").text(lbm + "只能输入4-30个以字母开头的字串,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 5: if (!checkIsPasswd(s)) { $("#textt").text(lbm + "只能输入6-20个字母、数字、下划线,请重新输入! "); $(".tip").fadeIn(200); return false } break; case 6: if (!checkIsTel(s)) { $("#textt").text(lbm + "校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 7: if (!checkIsMobil(s)) { $("#textt").text(lbm + "不正确,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 8: if (!checkIsPostalCode(s)) { $("#textt").text(lbm + "不正确,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 9: if (!checkIsIP(s)) { $("#textt").text(lbm + "不正确,请重新输入!"); $(".tip").fadeIn(200); return false } break; case 10: if (!checkIsEMail(s)) { $("#textt").text(lbm + "不正确,请重新输入!"); $(".tip").fadeIn(200); return false } case 11: if (!checkIshanzi(s)) { $("#textt").text(lbm + "只能全由汉字组成,请重新输入!"); $(".tip").fadeIn(200); return false } break; } return true } function checkrid(axd, lbm, int) { var s = $("input[name=" + axd + "]:checked").val(); switch (int) { case 0: if (s == "") { $("#textt").text(lbm + "不能为空"); $(".tip").fadeIn(200); } break; } } //验证判断 function checked(asd) { for (var i = 0; i < asd.length; i++) { var axd = asd[i][0]; var lbm = asd[i][1]; var int = asd[i][2]; if (!check(axd, lbm, int)) { return false; break; } } return true; } function ShowName(i) { if (i == 1) { $("#textt").text("修改成功"); $(".tip").fadeIn(200); } else if (i == 0) { $("#textt").text("添加成功"); $(".tip").fadeIn(200); }if (i == 2) { $("#textt").text("删除成功"); $(".tip").fadeIn(200); }