javascript - Jquery 验证器插件不检查新输入

Question

您好，我对一个表单使用 jQuery 验证器。 直到今天它工作得很好。我向表单添加了一个新代码，该代码向表单添加/删除了其他字段(将类设置为“必需”)..

基本的形式是类似>

    <form name="form" id="form">
    <input name="text1" class="required">
    <a id="addnew">Add new text</a>
<div id="newitems"></div>
    <submit>
    </form>

我使用的代码是

<script type="text/javascript">
        $(document).ready(function({ $("#form").validate(); 
        $("#addnew").click(function({ 
        $("#newitems").append('<input class="required" name="newinput">'); 
}); });  
</script>

这个想法是，当有人点击表单内的添加新文本时，会添加一个新字段。我的问题是验证器在新字段上不起作用，因为它已经为表单加载了。我如何设置要检查的 javascript 和新字段？

我没有复制我网站的确切代码，因为它很长..

This Is the validation plugin - its the most used validator on jquery

Answer 1

创建新的表单元素后，您需要通过添加规则通知验证插件对其进行检查。如果元素在文档加载时存在，则将“必需”类添加到元素只会提醒插件。试试这个:

   $(document).ready(function({ 
        $("#form").validate(); 
        $("#addnew").click(function({ 
            var input = $("<input />").attr("name", "newinput");
            $("#newitems").append(input);
            input.rules('add', {'required': true})
        }); 
    });