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

Question

嗨我在一个表单中使用jQuery验证器.它一直很好,直到今天.我在表单中添加了一个新代码,用于向表单添加/删除其他字段(将set类设置为"required").

基本形式是一些像>

    <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和新字段？

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

这是验证插件 - 它是jquery上最常用的验证器

Answer 1

创建新表单元素后,您需要通过验证插件通过添加规则来检查它.如果元素存在于文档加载中,则将"required"类添加到元素仅警告插件.试试这个:

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