前端校验
<h1><center>前端校验</center></h1>
<h2>jQuery Validate 插件为表单提供了强大的验证功能</h2>
<p>下面可以参考 如下 部门添加的校验</p>
<pre><code>$("#form-dept-add").validate({
onkeyup: false,
rules:{
deptName:{
required:true,
remote: {
url: prefix + "/checkDeptNameUnique",
type: "post",
dataType: "json",
data: {
"parentId": function() {
return $("input[name='parentId']").val();
},
"name" : function() {
return $.common.trim($("#deptName").val());
}
},
dataFilter: function(data, type) {
return data;
}
}
},
orderNum:{
required:true,
digits:true
},
email:{
email:true,
},
phone:{
isPhone:true,
},
},
messages: {
"deptName": {
remote: "部门已经存在"
}
}
});</code></pre>
<p>如果不知道怎么使用 jQuery Validate 可以看如下教程
<a href="https://www.runoob.com/jquery/jquery-plugin-validate.html">https://www.runoob.com/jquery/jquery-plugin-validate.html</a></p>