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

我有两个表单提交按钮，一个用于验证和表单提交表单的重载，另一个用于在ajax方法中提交表单验证，如何做到这一点。如何使用两个提交按钮的不同目的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(); 
    } 
    }); 
});

来源

2017-07-31 shanmuga kumar

为什么没有一个单一的按钮做两份工作？当点击一个按钮时，它会验证表单。如果没有错误，它将提交表格。否则会显示错误。 –

我可以用'onclick'事件告诉你''而不是''吗？ –

你不需要2提交按钮。您可以通过ajax和页面重新加载来添加数据。 –

HTML代码：

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

JS代码：

或者干脆试试这个：

<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";' />

来源

2017-07-31 09:26:31

其实你可以做它无数way.I会告诉你一个可能的方式，

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

来源

2017-07-31 09:31:10

两个按钮有一个不同的过程与验证只是草稿另一个按钮获取过程 –

您可以对两个按钮使用不同的功能并处理单击事件。 –

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

回答

相关问题