Javascript按钮有两个功能。提交&的OnClick

时间:2016-03-30 01:59:57

标签: javascript jquery html

我们正在尝试将表单的提交按钮链接起来作为提交按钮,并运行以下Javascript。

按钮:

<button type="submit" id="btn_submit" class="button button--red">Sign Up</button>

当我们删除id =&#34; btn_submit&#34;提交,但是当我们添加id =&#34; btn_submit&#34;它实现了Javascript。我们怎么能让一个按钮实现这两个功能?

Javascript(开头):

$("#btn_submit").on('click', function() {

很多,非常感谢!

2 个答案:

答案 0 :(得分:1)

$("#btn_submit").on('click', function(e) { 
e.preventDefault(); //prevent the form from submitting
//do your code here
$('form#myForm').submit(); //submit your form here

执行此操作的一种方法是,在完成您可以手动提交表单的所有其他代码后,不要在按钮上单击提交表单

答案 1 :(得分:0)

$("#btn_submit").on('click', function(e) {
    e.preventDefault();

    //do stuff

    $("#form").submit();
}

“#form”表示表单的ID。因此,如果您的表单是“my_form”,则将上面的内容更改为$(“#my_form”)。submit();