Question

我在让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:&nbsp<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变量，但我不确定我做错了什么。验证仅适用于第一组字段。我已阅读并试图实现我在本网站上阅读过的各种解决方案，但我刚刚失去了我已经开始对着我的键盘敲打头了。任何帮助都会很棒我欣赏并喜欢这个网络论坛。

Answer 1

如何通过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验证

1 个答案: