Question

我正在动态地将字段添加到表单中，并且这些字段是必需的。

即使我在创建字段后再次调用validate（），也不会验证它们。

知道为什么吗？感谢

HTML：

    <form action="" class="validate">
    <select id="A1" class="required" >
        <option value="">Select...</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
        <br>    <input type="submit" name="go" value="go" />
    </form>

jQuery的：

    $(".validate").validate();

    $("#A1").on("change", function(){
       var A1 = $(this).val();
        if (A1=='1') {
            $("#A1").nextAll('select').remove();
            $('<select id="A11" class="required" >    <option value="">you selected 1, now select....</option>    <option value="1">11</option>    <option value="2">22</option></select>').insertAfter($(this));
            $(".validate").validate();
        } else if (A1=='2') {
            $("#A1").nextAll('select').remove();
            $('<select id="A22" class="required" >    <option value="">you selected 2, now select....</option>    <option value="1">1111</option>    <option value="2">2222</option></select>').insertAfter($(this));
            $(".validate").validate();
        } else {
            $("#A1").nextAll('select').remove();
        }

    });

Answer 1

刚刚找到解决方案：只要我添加一个名称＆＃39;属于各个领域 - 它们被重新验证。

    <form action="" class="validate">
    <select id="A1" name="A1" class="required" >
        <option value="">Select...</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
        <br>    <input type="submit" name="go" value="go" />
    </form>

http://jsfiddle.net/kneidels/gzcypn1r/1/

验证（）动态添加字段

1 个答案: