代码之家 › 专栏 › 技术社区 › Naveed

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

form-submit jquery javascript php

Naveed · 技术社区 · 14 年前

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

就像这样,它正在工作,但我必须为每个窗体分别创建一个函数:

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 回复 | 直到 14 年前

js1568 14 年前

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

Sjoerd 14 年前

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

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前