表单是我们在开当中的常客,那么对表单的验证也是必须的,那么如何实现动态给表单添加验证规则呢?
方法:
1, 动态添加验证规则
- // 添加
- $("#addConnectUser").rules("add", {
- rules: {
- required: true,
- isString: true
- },
- messages: {
- required: "用户名为必填项",
- isString: "请输入规范字符"
- }
- });
- // 移除
- $("#addConnectUser").rules('remove', 'required');
在此我要讲一下为什么有一个 isString 验证规则;这个是为了限制表单中 input 的输入规则;比如: 不允许特殊字符,或者一些特殊的要求;这个 isString 是自己配置的
- jQuery.validator.addMethod("isString",
- function(value, element) {
- return this.optional(element) || (inputTest.test(value));
- },
- "请输入规范内容"); // 此处的inputTest为你自定义的验证规则
2, 如何给已经添加了表单验证的选项移除验证规则;
- $("#addConnectUser").rules("remove", 'required');
- //再次添加可以直接用
- $("#addConnectUser").rules("add", 'required');
来源: http://www.bubuko.com/infodetail-1856813.html