按名称引用表单

Question

如何使用JQuery按名称引用表单？

我有3个不同的形式，同名，author-form。我已经使用了这个功能，但它只适用于窗体的ID字段。为什么我应该在创建一个函数时创建3个单独的函数，对于所有三种形式使用相同的表单名称？

$('#author-form').submit(function() { 

    var action = $("author-form").attr('action');   
    var form_data = $(this).serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "http://localhost/zabjournal/pages/author/progress.php", 
     data: form_data, 
     success: function(response) { 

      } 
     }); 
    return false; 
}); 

Answer 1

$("form[name='author-form']") 

应该工作

Answer 2

假设你的形式被命名为name1，name2和name3，你可以用这种方式

$('form[name="name1"], form[name="name3"], form[name="name3"]').submit(function(evt) { 

    var action = $(this).attr('action');   
    var form_data = $(this).serialize(); 

    $.ajax({ 
     type: "POST", 
     url: "http://localhost/zabjournal/pages/author/progress.php", 
       /* or probably you may want instead <url: action> */ 
     data: form_data, 
     success: function(response) { 

      } 
     }); 
    return false; /* or evt.preventDefault() */ 
}); 

Answer 3

使用jQuery你可以针对属性的名字，像这样做：

$('form[name="author-form"]') 

Answer 4

你应该做

$('form[name=author-form]') 

Answer 5

你尝试：

$('form[name="author-form"]').submit(function()... 

Works的输入ATLEAST，从来没有试图在窗体上。