如何为所有表单提交事件编写通用js函数?

时间:2010-08-27 17:16:44

标签: php javascript jquery form-submit

我想为我的应用程序中的所有表单提交事件编写单个js / jquery函数。

目前我正在硬编码3个位置的 ,并且它正在运行,但我必须分别为每个表单创建一个函数:

jQuery('#myForm').live('submit',function(event) { // #myForm hardcoded here
    $.ajax({
        url: 'one.php', // one.php hardcoded here
        type: 'POST',
        data: $('#myForm').serialize(), // #myForm hardcoded here
        success: function( data ) {
            alert(data);
        }
    });
    return false;
});

由于

2 个答案:

答案 0 :(得分:5)

jQuery('form').live('submit',function(event) {
    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: $(this).serialize(),
        success: function( data ) {
            alert(data);
        }
    });
    return false;
});

答案 1 :(得分:2)

  • 您可以用$('form')或其他匹配所有表单的内容替换$('#myForm')。
  • one.php可能是表单上的action属性,或$('form')。attr('action')。