jquery.validate.js 点击确认按钮验证无效

2016-03-04 10:18:52 425 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

jQuery（六）插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总 jQuery（六）插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总文章目录jQuery（六）插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总1. jQuery Validate导入 js 库（使用CDN）默认校验规则默认提示使用方式1、将校验规则写到控件阅读详情

页面引用了jquery.validate.js，但是点击确认按钮验证无效，如图：

<div class="change_mobile">
<form method="post" novalidate="novalidate" id="change_mobile">
<h2>更换手机<i></i></h2>
<div class="change">
<div class="change_con">
<ul>
<li class="l0"><label class="la2"></label><input type="text" placeholder="图片码" name="code"><i><img src="images/pic21.png"></i></li>
<li class="l0"><label class="la1"></label><input type="text" placeholder="手机号" name="userName"><div class="div_0" id="sendMobileCode">获取短信验证码</div></li>
<li><label class="la4"></label><input type="text" placeholder="验证码" name="phoneCode"></li>
<li class="border_none"><span>请查收你手机短信，并输入短信中的验证码</span></li>
<li><input type="submit" class="btn0" value="确认"></li>
</ul>
</div>
</div>
</form>
</div>
<script>
$(document).ready(function () {
//更换手机验证提示
$("#change_mobile").validate({
rules: {
userName: {
required: true,
digits: true,
rangelength: [11, 11],
//url:"",
//date:function()
//{
// //参数
//}
},
code: {
required: true
},
phoneCode: {
required: true
},
},
messages: {
userName: {
required: "<span class='error'>手机号错误，请重新输入</span>",
digits: "<span class='error'>手机号错误，请重新输入</span>",
rangelength: "<span class='error'>手机号错误，请重新输入</span>"
},
code: {
required: "<span class='error'>请输入验证码</span>"
},
phoneCode: {
required: "<span class='error'>密码格式输入错误，请重新输入</span>"
},
},
//debug: true,
success: function (label) {
label.html("<span class='success'></span>");
},
errorPlacement: function (error, element) {
if (element.context.name === "VerifiCode") {
error.insertAfter(element.next("a"));
}
else {
element.next().remove();
error.insertAfter(element);
}
}
});
//获取验证码
$("#sendMobileCode").click(function () {
timer(this);
});
var wait = 120;
var timer = function (e) {
if (wait == 0) {
e.innerText = "重新获取验证码";
wait = 120;
$(e).bind('click', function () { timer(e) });
}
else {
$(e).unbind('click');
e.innerText = wait + "秒后重新获取";
wait--;
setTimeout(function () {
timer(e);
},
1000);
}
};
});
</script>

...全文