用一个按钮验证 2 个表单答案

【问题标题】：Validating 2 forms with a single button用一个按钮验证 2 个表单
【发布时间】：2013-03-08 11:18:37
【问题描述】：

我正在使用来自http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 的 Jquery Validation 插件。是否可以使用此插件通过单个按钮验证 2 个表单。我发现这个插件非常有用，但不知道如何实现同时验证 2 个表单。

<form>
    <legend>Shipping</legend>
    <label for="name">Name:</label>
    <input type="text" id="name"></input>
    <br/>
    <label for="address">Address:</label>
    <textarea id="address" rows="4"></textarea>
</form>
<form>
    <legend>Billing</legend>
    <label for="name">Name:</label>
    <input type="text" id="name"></input>
    <br/>
    <label for="address">Address:</label>
    <textarea id="address" rows="4"></textarea>
</form>
<br/><br/>
<button type="submit">Validate the Forms</button>

JSFiddle 示例：http://jsfiddle.net/5bkuw/

【问题讨论】：

请参阅this question - 不一定是您的问题的答案，但它肯定适用于您的情况。

标签： jquery jquery-validate

【解决方案1】：

试试这个

放一个按钮

   <input type="button" onClick="validateForms()"/>


function validateForms()
{

  $('#form1').valid();
  $('#form2').valid();
}

【讨论】：

感谢 PSR，但我认为应该是 .valid()，.valid 可以正常工作
@AbishekRSrikaanth，当您已经在使用 jQuery 时，内联 JavaScript onClick 相当草率。只需将click 事件与jQuery .on() 一起使用。

【解决方案2】：

感谢 PSR 提示此功能，但此功能有效

<input type="button" onClick="validateForms()"/>


function validateForms()
{

  $('#form1').valid();
  $('#form2').valid();
}

【讨论】：

【解决方案3】：

由于您已经在使用 jQuery，最好的方法是完全消除草率的内联 JavaScript 代码，并将其替换为 jQuery click 事件处理程序。 See: http://api.jquery.com/on/

演示：http://jsfiddle.net/xVM6a/

HTML：

<input type="button" id="mybutton" />

jQuery：

$(document).ready(function() {

    $('#mybutton').on('click', function() {
        $('#form1').valid();
        $('#form2').valid();
    });

});

【讨论】：