如何使用兩個提交按鈕的不同目的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和表單提交

回答

相關問題