表单验证与远程检查-优快云博客

本文介绍了一个使用jQuery实现的表单验证示例，重点在于如何进行远程数据验证以确保唯一性和正确性。通过HTTP请求检查项目代码和名称是否已存在，并对货架列数、行数及货位个数进行正整数验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#queryForm").validate({
rules:{
"area_id":{
required:true
},
"project_code":{
required:true,
remote:function(){
return "http://"+ip+":"+port+"/"+name+"/bindings/hasU?id="+$('#id').val()+"&par_id="+$('#area_id').val()+"&interfaceAuthority="+interfaceAuthority;
}
},
"name":{
required:true,
remote:function(){
return "http://"+ip+":"+port+"/"+name+"/bindings/hasp?id="+$('#id').val()+"&par_id="+$('#area_id').val()+"&interfaceAuthority="+interfaceAuthority;
}
},
"stuff_line":{//货架列数
stuff_line: /^[0-9]*[1-9][0-9]*$/,
required:true
},
"stuff_row":{//货架行数
stuff_row: /^[0-9]*[1-9][0-9]*$/,
required:true
},
"stuff_num":{//货位个数
stuff_num:/^[0-9]*[1-9][0-9]*$/,
required:true
}
},
messages:{
"project_code":{
remote:"已经有相同的货架编号，请重新输入！"
},
"name":{
remote:"已经有相同的货架名称，请重新输入！"
},
"stuff_line":{
regExp:"只能输入正整数",
maxlength:"最多两位数"
},
"stuff_row":{
regExp:"只能输入正整数",
maxlength:"最多两位数"
},
"stuff_num":{
regExp:"只能输入正整数",
maxlength:"最多一位数"
}
},