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

Question

我在表单中有两个提交按钮，一个按钮用于验证和表单提交表单重新加载，另一个按钮用于提交表单而不用 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();
    }
  });
});

Answer 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>