有没有什么办法解决,这个 validate插件。一般的AJAX都是通过 type="button" 传输的
一个表单中必须有一个submit,用来提交表单数据,后台的验证在提交时就根据你所设定的$("#form1").validate,这个进行验证,并出现相应的提示信息。
如果改成button,也是可以的,但没必要吧,自己给这个btn绑定一个事件,来进行验证,效果一样,但submit是提交整个表单的数据。
至于后台验证?是指这个WEB端的验证,还是PHP那里的验证呢?如果是前者,简单的话使用submitHandler,使用AJAX,如果是PHP那里的话,咱们就约定好JSON数据格式就好了。
<script type="text/javascript">
$(function () {
$("#form1").validate({
rules: {
UserName: { required: true, minlength: 3, maxlength: 18, remote: "/Home/CheckUserName" },
Email: { required: true,email:true },
UserPassword: { required: true ,minlength: 6 },
Mobile: { required: true, number:true },
IdCard: { required: true,isIdCardNo: true },
Age: { required: true ,number:true,min:1,max:100 }
},
messages:{
UserName: {
required: "请输入用户名!",
minlength: "用户名长度最少需要3位!",
maxlength: "用户名长度最大不能超过18位!",
remote: "此用户名已存在!"
},
Email: {
required: "请填写邮箱",
email: "请输入正确的邮箱格式"
},
UserPassword: {
required: "请填写你的密码!",
minlength: "密码长度不能小于6位"
},
Mobile: {
required: "请填写你的手机号码",
number:"手机号码只能为数字"
},
IdCard: {
required: "请输入身份证号码!",
isIdCardNo:"请输入正确的身份证号码!"
},
Age: {
required: "请输入年龄!",
number: "请输入数字",
min: "年龄不能小于1",
max: "年龄不能大于100"
}
}, /*错误提示位置*/
errorPlacement: function (error, element) {
error.appendTo(element.parent());
}
})
}) </script></head><body>
<form id="form1" method="post" action="">
<div>
<p> 用户名:<input type="text" value="" name="UserName" /> </p>
<p> 密码:<input type="password" value="" name="UserPassword" /> </p>
<p> 邮箱:<input type="text" value="" name="Email" /> </p>
<p> 手机号码:<input type="text" value="" name="Mobile" /> </p>
<p> 身份证号码:<input type="text" value="" name="IdCard" /> </p>
<p> 年龄:<input type="text" value="" name="Age" /> </p>
<p> <input type="submit" id="btn1" value="提交"></p>
</div>
</form></body>
-------------
这边的p> <input type="submit" id="btn1" value="提交"></p> type="submit"可以改成type="button"吗?submit 就直接提交了。没法进行后台验证了
代码放出来