使用單個按鈕驗證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個表單

回答

相關問題