动态填充字段的Jquery验证
Jquery Validation on dynamically populated fields
我在让Jquery Validation在动态填充的字段上正常工作时遇到问题。首先,我使用asp.net,所以我需要我的名称字段保持不变,因为在服务器端,我会提取信息数组,将其拆分并更新数据库。
<form id="insert_additions" action="http://yahoo.com" method="post">
<label>
Name1<input type="text" name="testing" value="" required/>
</label>
<label>
Name2<input type="text" name="box_setup" required value="" />
</label>
<label>
Comments: <input type="text" name="comments" value="" /></label><br />
<div id="work"></div>
<br />
<hr align="left" width="50%"/>
<span style="margin: 0 0 0 300px;">
<input class="submit" type="submit" value="Submit">
<input type="button" id="addbutton" class="flatBtn" value="Add Another Project Line" /></span>
</form>
这是添加字段的代码
var work_count = 2;
$("#addbutton").click(function () { //sets up the validator
//Html to create a new field
var newField = "<hr align='left' width='50%'>'
<label>Name1'
<input type='text' name='testing"+work_count+"' required size='8' value='' '
</label>'
<label>Name2'
<input type='text' name='box_setup' required value='' />'
</label>'
<label>Comments:'
<input type='text' name='comments' value='' />'
</label>'
";
$("#work").before(newField);
$('input[id="testing'+work_count+'"]').rules("add", { // <- apply rule to new field
required: true
});
work_count++;
});
正如你所看到的,我已经尝试在javascript中添加validate.rules(),这样当它将新输入添加到页面中时,它也可以插入新规则。我试着制作id变量,但不确定我做错了什么。验证仅适用于第一组字段。我已经阅读并尝试实现我在这个网站上读到的各种解决方案,但我只是迷失了方向,我开始用头敲击键盘。任何帮助都将是伟大的,我感谢并喜欢这个网络论坛。
通过jquery设置属性如何?
$('input[name="testing'+work_count+'"]').attr('required', true);
顺便说一句,添加的输入没有id属性。所以:
$('input[id="testing'+work_count+'"]').rules("add"
应该是
$('input[name="testing'+work_count+'"]').rules("ad
相关文章:
- 如何使用jQuery验证引擎验证组
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- 一个jquery验证器方法,它不接受纯数字或纯特殊字符,但接受上面是否有字母
- jQuery验证器添加方法未定义
- jQuery验证插件submitHandler Ajax
- 使用jquery验证函数不适用于select元素
- 动态jQuery验证
- 如果使用jQuery验证器插件找到单选按钮,则将不同的addMethod应用于字段
- 使用jquery验证信用卡
- 未使用jQuery验证器选中Css样式复选框时
- 自定义jquery验证器
- Jquery验证消息更改(自定义消息集)
- 时间日志的javascript/jquery验证(5小时3米)
- jQuery 验证正在复制 else 语句 |验证完成后,不会打印值
- 将动态验证文本添加到自定义jQuery验证规则中
- Jquery 验证插件 - 字段仍然产生错误
- 验证字段名称 添加 与 使用 jquery 验证
- JQUERY 验证 - 序列化选择和复选框
- jQuery 验证 - 调用某些元素的 .valid() 方法不会清除错误
- 带有jquery验证问题的php表单