0

我正在使用来自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/

4

3 回答 3

1

试试这个

放一个按钮

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


function validateForms()
{

  $('#form1').valid();
  $('#form2').valid();
}
于 2013-03-08T11:24:09.287 回答
0

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

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


function validateForms()
{

  $('#form1').valid();
  $('#form2').valid();
}
于 2013-03-08T11:35:06.803 回答
0

由于您已经在使用 jQuery,最好的方法是完全消除草率的内联 JavaScript 代码,并将其替换为 jQueryclick事件处理程序。 见: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();
    });

});
于 2013-03-08T16:37:45.647 回答