如何使用jquery添加onsubmit到表单

时间:2014-06-20 21:13:54

标签: jquery

我正在尝试添加以下内容:

onsubmit="return processForm(this);

到此表单id

<form id="formbuilder" name="featured_homes" method="post" action="fb/feedback.php">

使用jquery,以便最终结果显示为:

<form id="formbuilder" name="featured_homes" method="post" action="fb/feedback.php" onsubmit="return processForm(this);">

这是我的尝试:

$('#formbuilder').onsubmit('return processForm(this);');

这不起作用,有什么想法可以调整吗?

5 个答案:

答案 0 :(得分:4)

您希望submit不是onsubmit,或on.("submit",function() { });

答案 1 :(得分:2)

你真的想要添加属性吗?我不会这样做,但这是如何:

$('#formbuilder').attr('onsubmit','return processForm(this);');

WORKING JSFIDDLE DEMO

<强>输出:

<form id="formbuilder" name="featured_homes" method="post" action="fb/feedback.php" onsubmit="return processForm(this);">

这是等效的,而不是求助于内联JS:

$('#formbuilder').on('submit', function() {
    return processForm(this);
});

也可以写成:

$('#formbuilder').submit(function() {
    return processForm(this);
});

答案 2 :(得分:1)

只需使用submit()

$('#formbuilder').submit(function() {
    return processForm(this);
}

答案 3 :(得分:1)

$('#formbuilder').on('submit', function() {
    return processForm(this);
}

答案 4 :(得分:0)

试试这个:

$('#formbuilder').submit(function(){
    //do whatever you need
});