jQuery：如何通過名稱檢測表單

Question

我有問題將jQuery添加到一些現有的代碼，請幫助。

我們在頁面上出現了幾次相同的表單（相同的表單名稱，相同的字段，相同的提交按鈕，沒有爲表單定義的id或類），現在我需要使用jQuery驗證表單，而不通過在表單對象中，jQuery可以告訴哪個表單被提交了？

謝謝大家對您的回覆，問題就解決了:-)

Answer 1

從你的問題的評論，它看起來像你可能需要與你的選擇沿指定形式的上下文：

$('form').submit(function() { 
    var form = $(this); 
    var myInputValue = $("input[name='myinput']", form).val(); 
    // myInputValue is now the value of the myinput control that is 
    // within the submitted form 
}); 

注意，jQuery函數有一個可選的第二個參數是的上下文選擇。這應該可以幫助您僅在您提交的表單中找到輸入元素。

檢查這裏的文檔：

http://api.jquery.com/jQuery/#expressioncontext

@ NiftyDude的回答得到的同樣的問題，雖然他不使用jquery專門獲取當前提交表單的孩子。

Answer 2

不要緊，你是否已#ID或的.class連接到<form>標籤以選擇它。

試試這個：

$('form').submit(function() { 
    //put your ajax submission code here... 
}); 

Answer 3

$("form[name='IDENTIFIER']")，如果你有一個頁面上有多個形式爲目標的具體形式

Answer 4

$('form').submit(function(e) { 
    // $(this) refers to the current form being submitted 

    // if you need to, for example iterate over all the inputs 
    var inputs = $(this)[0].getElementsByTagName('input'); // array of inputs 

    for(var i = 0; i < inputs.length; i++) { inputs[i].value; } 

    // this is important to avoid recursive submit 
    $(this)[0].submit(); 

    return false; 
}); 

Answer 5

$('form').submit(function(){ 
    var form = $(this); 
    var inputs = $('input', this); 
    var isValid = true; 

    //do validation on the inputs of the form submitted. 

    if (isValid) { 
     //do something 
    } 

    return false; 
}); 

或者這是有用的，你可以趕上提交輸入行動（這是我喜歡做的事）：

$('input[type="submit"]').click(function(event){ 
    event.preventDefault(); 
    var form = $(this).nearest('form'); 
    var inputs = $('input', form).not(this); 
    var isValid = true; 

    //validate inputs 
    if (isValid) form.submit(); 
}); 

請注意，根據您的代碼，isValid = true可能不需要。如果您的任何元素未通過驗證並且表單提交不會繼續，則可將其設置爲false。如果您使用驗證庫來爲您完成此操作並提交表單（如果有效），則不需要它。

一些驗證設定失敗的每個項目無效類，你可以直接檢查的形式是有類，以確定是否應將表單提交輸入的存在。