總是從第一種形式獲取值。怎麼了？

Question

我有一個網頁，有幾種形式。它看起來像。

單擊「創建」時，ajax腳本會檢查字段中第一種形式的非法值，其中「創建」按鈕屬於該值。沒關係。

但是，當單擊「保存」按鈕時，它仍會檢查第一個表單中的字段，而不是保存按鈕所屬的表單。

我的Ajax看起來像這樣

$(document).ready(function(){ 

    // $('form').submit(function() { 
    $('form').live('submit', function(){ 

    var title = $('#title').val(); 

     ... 

難道這裏的問題可能是？我嘗試了評論的代碼，但這也不起作用。

問題可能出在哪裏？

Answer 1

$('#title').val();的意思是「獲取唯一具有ID 標題輸入的值」。

如果您違反了規範並且具有多個具有相同ID的元素，那麼瀏覽器通常會通過返回第一個這樣的元素從錯誤中恢復。

您應該ID可能更改爲類似：idOfForm_title（讓您<label>元素仍然正常工作）

然後用：this.elements.title.value其中title是名屬性的值（和this自動解析到提交事件觸發的表單）。

Answer 2

我認爲你應該給你的表格class，如class="create"爲第一/創建表單，然後class="edit"第二/編輯表單。

然後你就可以修改你的jQuery看起來像

$(document).ready(function() { 
    // only work with the 'create' form 
    $('form.create').live('submit', function(e) { 
     e.preventDefault(); // stop the form's default action 

     // the rest of your code 
    }); 

    // only work with the 'edit' form(s) 
    $('form.edit').live('submit', function(e) { 
     e.preventDefault(e); // stop the form's default action 

     // the rest of your code 
    }); 
});