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

假设您的表单以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 2

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

应该工作

Answer 3

使用jQuery，你可以像这样定位属性名称：

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

Answer 4

你应该做

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

Answer 5

你有没有尝试过：

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

适用于输入至少，从未在表单上尝试过。

按名称引用表单

5 个答案: