jquery - 具有单个验证功能的多表单 jquery 验证

Question

这是我的验证功能，当有一个表单时它工作正常，当单页中有多个表单时它不起作用。

<script>
    $(function() {
        $("form").validity(function() {
            $("#name").require();
        });    
    });    
</script>

我的表格就像

<form action="#" method="post" id="firstform">
<input type="text" id="name">
</form>
<form action="#" method="post" id="secondform">
<input type="text" id="name_othername">
</form>

谁能给我建议，如何调用第一个表单ID 谢谢

Answer 1

您可以为两个名称字段提供相同的类，而不是 id，您可以按类调用元素。如果您调用特定表单，则只能验证该表单名称字段：

$("#firstform").validity(function() {
    $(this).find(".name_class").require();
}); 

<form action="#" method="post" id="firstform">
<input type="text" id="name" class="name_class">
</form>
<form action="#" method="post" id="secondform">
<input type="text" id="name_othername" class="name_class">
</form>