如何使用jquery添加onsubmit到表单

cod*_*pia 5 jquery

我想添加以下内容:

onsubmit="return processForm(this);
Run Code Online (Sandbox Code Playgroud)

到这个形式的id

<form id="formbuilder" name="featured_homes" method="post" action="fb/feedback.php">
Run Code Online (Sandbox Code Playgroud)

使用jquery,以便最终结果如下:

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

这是我的尝试:

$('#formbuilder').onsubmit('return processForm(this);');
Run Code Online (Sandbox Code Playgroud)

这不行,有什么想法调整?

Pet*_*rKA 7

您真的想添加该属性吗?我不会这样做,但方法如下:

$('#formbuilder').attr('onsubmit','return processForm(this);');
Run Code Online (Sandbox Code Playgroud)

工作 JSFiddle 演示

输出:

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

这是不使用内联 JS 的等效代码:

$('#formbuilder').on('submit', function() {
    return processForm(this);
});
Run Code Online (Sandbox Code Playgroud)

也可以写成:

$('#formbuilder').submit(function() {
    return processForm(this);
});
Run Code Online (Sandbox Code Playgroud)


Ste*_*her 5

你要submit没有onsubmit,或on.("submit",function() { });

  • 请阅读 `submit` 的文档,遗憾的是我没有时间教你 jQuery (2认同)