jQuery在动态表单上验证 [英] Jquery Validate on dynamic form

问题描述

我使用Jquery验证( http://jqueryvalidation.org )来验证表单. 我的代码:

I use Jquery validation (http://jqueryvalidation.org) to validate form. My code:

<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();无法正常工作.如何验证这样的动态表格?谢谢！

But $('#myform').validate(); not working. How can I validate a dynamic form like this? Thanks!

推荐答案

第一次调用validate()时，DOM中不存在#myform元素.相反，在创建form之后，将该行放置在click()处理程序中:

The #myform element doesn't exist in the DOM when you first call validate(). Instead, place that line within the click() handler, after the form is created:

$('#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在动态表单上验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！