用于两个功能的Javascript按钮.提交&单击

Javascript button for two functions. Submit & OnClick

本文关键字：提交 按钮 amp 单击 Javascript 功能 两个 用于      更新时间：2023-09-26

我们正试图将表单的提交按钮链接为提交按钮，并使用以下Javascript。

按钮：

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

当我们删除要提交的id="btn_submit"时，它是有效的，但当我们添加id="btn_submit"后，它实现了Javascript。我们怎么能让一个按钮同时实现这两种功能呢？

Javascript（开始）：

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

非常感谢！

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

一种方法是不要在完成所有其他代码后点击按钮提交表单，您可以手动提交表单

$("#btn_submit").on('click', function(e) {
    e.preventDefault();
    //do stuff
    $("#form").submit();
}

其中"#form"表示表单的id。因此，如果表单是"my_form"，则将上面的内容更改为$（"#my_form）.submit（）；

相关文章：