动态添加的表单验证
2017-04-07 11:41
369 查看
思路:首先要复制上一个模块的元素,然后利用字符串截取,修改其name值,然后动态的添加表单验证的规则rules,然后用一个容器来记录一共添加了多少个模块。
动态添加验证部分代码:
时间的比较,兼容Safari浏览器
注意:rules和messagede 的格式,必须有{}括起来。
动态添加验证部分代码:
var deptHtml = $("#depinfo1").prop("outerHTML"); $(document).on('click', "#addDept", function() { $(this).prev().find("input").each(function() { $(this).val(""); var sourceName = this.name; var newName = this.name.substring(0, sourceName.length - index.length) + newIndex; this.name = newName; if (window.formValidateRules.rules[sourceName]) { var rule = window.formValidateRules.rules[sourceName]; if (rule["compareDate"]) { rule["compareDate"] = rule["compareDate"].substring(0, rule["compareDate"].length - index.length) + newIndex; } rule["messages"] = window.formValidateRules.messages[sourceName]; $(this).rules("add", rule); } }); })
时间的比较,兼容Safari浏览器
jQuery.validator.methods.compareDate = function(value, element, param) { var startDate = $("form input[name='" + param + "']").val(); var endDate = value; var date1 = Date.parse(startDate.replace(/\s/g,'T').replace(/\//g,'-')); var date2 = Date.parse(endDate.replace(/\s/g,'T').replace(/\//g,'-')); return date1 < date2; };
注意:rules和messagede 的格式,必须有{}括起来。
相关文章推荐
- 关于form表单中动态添加数据的验证
- 表单验证-验证动态添加的数据是否为指定格式
- jquery-validate动态添加表单元素动态验证
- [phpcms v9]自定义表单添加验证码验证功能
- 动态添加删减表单
- Yii中为表单添加必填字段域验证
- js中动态添加表单/table小结
- 为struts2的表单验证添加ajax效果
- 表单验证-添加机构-非空验证
- 用ASP动态生成JS的表单验证代码
- 用ASP动态生成JS表单验证代码
- angular 表单条件添加简单的验证功能
- ASP动态生成的javascript表单验证代码
- 利用动态创建层技术实现无冗余代码为表单自动添加错误提示
- FORM表单无法提交JavaScript动态添加的表单元素
- jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
- jQuery Validate表单验证插件 添加class属性形式的校验
- jquery动态添加表单数据
- 使用JQuery 表单动态添加和删除行
- EasyUI之动态修改或添加textbox等表单组件