Question

我使用Jquery验证（http://jqueryvalidation.org）来验证表单。我的代码：

<div id="form-section"></div>
<button id="add-form" type="button">Add form</button>

<script>
    $(document).ready(function () {
        $('#add-form').click(function () {
            $('#form-section').html('<form id="myform"> <input type="email" name="email" placeholder="Email" required> <input type="password" name="password" placeholder="Password" required> <button type="submit">Submit</button> </form>');
        });

        $('#myform').validate();
    })
</script>

但$('#myform').validate();无效。如何验证这样的动态表单？谢谢！

Answer 1

首次调用#myform时，DOM中不存在validate()元素。相反，在创建click()后将该行放在form处理程序中：

$('#add-form').click(function () {
    $('#form-section').html('<form id="myform"> <input type="email" name="email" placeholder="Email" required> <input type="password" name="password" placeholder="Password" required> <button type="submit">Submit</button> </form>');
    $('#myform').validate();
});

Jquery在动态表单上验证

1 个答案: