这样写的好处是：可以实时加载数据来判断，在提交表单时也会再加载数据来判断一次，而且不需要传入参数，就不会再有三重引号的问题了；但有一个缺点就是会很多次请求数据库，服务器资源消耗大。
提交表单时加入下面这句，验证表单：
//验证表单 var validate = $("#editStuForm").form("validate"); if(!validate){ $.messager.alert("消息提醒","请检查你输入的数据!","warning"); return; } else{ //提交 }
这里有另一个问题，表单代码如下：
<input validType="'snumber', 'number'" type="text" data-options="required:true, missingMessage:'请输入学号'" />
这里将validType属性放在data-options外面后，不能验证，Firebug会报错！！！
最后将其放到data-options里面：
<input type="text" data-options="required:true, validType:['snumber', 'number'], missingMessage:'请输入学号'" />
OK，都行了，两个验证都可以了！！！
总结：easyui验证重复和格式，多重验证
//学号格式只能为数字 number: {//value值为文本框中的值 validator: function (value) { var reg = /^[0-9]*$/; return reg.test(value); }, message: '学号格式不正确.' }, //验证学号不能重复 snumber: { validator: function (value) { var flag = true; $.ajax({ type: "post", async: false, url: "/sims/StudentServlet?method=AllSNumber", success: function(data){//在验证函数里加载数据，加载过来后判断输入的值 var snumbers = $.parseJSON(data); for(var i=0;i < snumbers.length;i++){ if(value == snumbers[i]){ flag = false; break; } } } }); return flag; }, message: '学号重复' },
<tr> <td>学号:</td> <td> <input type="text" data-options="required:true, validType:['snumber', 'number'], missingMessage:'请输入学号'" /> </td> </tr>
最终效果如下图：
OK！！！
大多都是自己多次尝试总结的，很多东西还不明白其中的原理，我想应该是easyui.min.js的问题，还需要继续学习，希望这篇文章可以帮到大家。
您可能感兴趣的文章: