如何使用两个提交按钮不同用途的ajax和表单提交答案

【问题标题】：How to use two submit button different purpose ajax and form submit如何使用两个提交按钮不同用途的ajax和表单提交
【发布时间】：2017-07-31 09:17:28
【问题描述】：

我在表单中有两个提交按钮，一个用于验证和表单提交表单重新加载，另一个用于在 ajax 方法中提交表单而没有验证，如何做到这一点。

HTML 代码：

<form action="" id="form-product" method="post" name="product" enctype="multipart/form-data">
 <input type="text" name="title"id="title">
 <input type="submit" name="save">  
 <input type="submit" name="enter">
</form>


$(function() {
$("form[name='product']").validate({
rules: {
 title: {
    required: true,

    },

},
messages: {     
title: {
  required: "Please enter your Emailid.",

}, 
},

    submitHandler: function(form) {
      form.submit();
    }
  });
});

【问题讨论】：

为什么不用一个按钮来完成这两项工作？单击按钮时，它会验证表单。如果没有错误，它将提交表单。否则会显示错误。
我可以用onclick 事件显示<input type="button"> 而不是<input type="submit"> 吗？
您不需要 2 个提交按钮。您可以通过 ajax 和页面重新加载添加数据。
是的，请@AtaurRahmanMunna
重复问题？ Two submit buttons in one form

标签： javascript php jquery ajax codeigniter

【解决方案1】：

其实你可以有很多方法。我会告诉你一种可能的方法，

<form action="" id="form-product" method="post" name="product" enctype="multipart/form-data">
 <input type="text" name="title"id="title">
 <input type="button" name="save" value="validate" onclick="_validate()">  
 <input type="button" name="submit" onclick="_submit()" value="enter">
</form>

<script>
function _validate(){
    console.log("add your validation method here");
    // add your validation method here.
}
function _submit(){
   console.log("submit your form without validation");
   //just submit your form
}
</script>

【讨论】：

两个按钮有一个不同的过程没有验证只是草拟另一个按钮获取过程
您可以对两个按钮使用不同的功能并处理点击事件。

【解决方案2】：

HTML 代码：

     <input type='submit' id='btn1' value='Normal Submit'>
     <input type='button' id='btn2' value='New Window'>

JS 代码：

     document.getElementById('btn2').onclick = function() 
     {
     form.target = '_blank';
     form.submit();
     }

或者干脆试试这个：

   <input type='submit' name='self' value='This window' onclick='this.form.target="_self";' />

   <input type='submit' name='blank' value='New window' onclick='this.form.target="_blank";' />

【讨论】：