JQuery驗證：IF形式有效，則顯示提交按鈕

我有一個基本的空表格，並想只顯示提交按鈕一次：JQuery驗證：IF形式有效，則顯示提交按鈕

數據已經輸入到表格。

所有必填/有效的欄位都是正確的。

在表單正確之前淡入提交按鈕之前。

<form action="#" method="post"> 
    <label>Name</label> 
    <input type="text" name="name" class="required" value="" /> 

    <label>Email</label> 
    <input type="email" name="email" class="required email" value="" /> 

    <label>Message</label> 
    <textarea name="message" class="required"></textarea> 

    <input type="submit" name="save" value="Save" class="hide" /> 
</form> 

$('form').validate();

來源

2012-10-23 John Magnolia

那麼，有什麼問題呢？驗證字段，如果它通過然後淡入按鈕.... –

是的，但如何使用jquery驗證？ –

我檢查了建議使用'submitHandler'的文檔。但是在這個內部，我如何檢查表單是否有效顯示/隱藏按鈕。 –

從艾倫·布坎南的回答繼，這可能工作：

$('#yourform input,#yourform textarea').bind('oninput', function(){ 

    if ($('#yourform').valid()) $('#submitButton').fadeIn(); 

});

- Notes and reference.

來源

2012-10-23 13:35:57 Labu

輝煌這工作表示感謝。只是非常驚訝沒有擴展jquery驗證方法的方法，它必須已經有一些非常類似的檢查焦點/等等的表單域 –

-2

有jQuery中沒有的功能做到這一點。您需要將事件綁定到提交此表單或每個字段並驗證所需字段的文本長度，如果所有字段都大於0，則您可以提交表單或淡入提交按鈕。

當您在任何一個字段中的表單內按下回車鍵時，觸發submnit事件。

看看這個鏈接。

http://api.jquery.com/submit/

來源

2012-10-23 13:31:05

我可否知道投票背後的原因 –

也許是因爲它與OP所指的[jQuery validate]（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）無關至。 PS：我沒有downvote – mplungjan

建議你開槍的表單輸入的變化事件一些JavaScript，檢查每一個是否通過您的驗證。如果確實如此，則淡入按鈕。

來源

2012-10-23 13:32:37

改變需要模糊 – mplungjan

JQuery驗證：IF形式有效，則顯示提交按鈕

回答

相關問題