使用单个按钮验证2个表单

我使用的是来自http://bassistance.de/jquery-plugins/jquery-plugin-validation/的Jquery Validation插件。是否可以使用此插件通过单个按钮验证2个窗体。我觉得这个插件非常有用，但我不确定如何一起验证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/

来源

2013-03-08 Abishek R Srikaanth

请参见[这个问题]（http://stackoverflow.com/问题/ 2719987 /如何使用的，二，形式 - 求和它 - 一次） - 对你的问题没有必要的答案，但它肯定适用于你的情况。 – George 2013-03-08 11:20:25

试试这个

把一个按钮

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


function validateForms() 
{ 

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

来源

2013-03-08 11:24:09 PSR

感谢PSR，但我认为它应该是.valid（），.valid works fine – 2013-03-08 11:34:16

@AbishekRSrikaanth，当你已经使用jQuery时，inline JavaScript'onClick'是相当sl sl的。只需使用[click]事件[jQuery'.on（）']（http://api.jquery.com/on/）。 – Sparky 2013-03-08 16:39:37

感谢PSR为暗示这个功能，但是这一次的工作

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


function validateForms() 
{ 

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

来源

2013-03-08 11:35:06

由于您已经在使用jQuery，因此最好的方法是完全消除马虎内嵌的JavaScript代码，并用jQuery click事件处理程序替换它。 See: http://api.jquery.com/on/

DEMO：http://jsfiddle.net/xVM6a/

HTML：

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

jQuery的：

$(document).ready(function() { 

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

});

来源

2013-03-08 16:37:45 Sparky

使用单个按钮验证2个表单

回答

相关问题