我有一个问题。
我使用 jQuery 验证创建了一个表单输入，并使用 Ajax 提交它。
我使用一个提交处理程序没有问题，但如何使用两个按钮来做到这一点？
按钮
<table border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td align="center">
<input type="submit" value="SAVE CONTINUE" name="SC" id='SC' class="ui-input-btn ui-btn ui-shadow" data-role="button">
</td>
<td align="center">
<input type="submit" value="SAVE FINISH" name="SF" id='SF' class="ui-input-btn ui-btn ui-shadow" data-role="button">
</td>
</table>
和操作
$(document).ready(function(){
checkConnection();
$("#FORMX").validate({
//errorClass:'myClass',
rules: {
PRODUK: {
required: true
//NOSYMBOL: false
},
SHIFT:{
required: true
}
},
messages: {
PRODUK: {
required: "Barang belum terisi"
},
SHIFT:{
required: "Shift belum dipilih"
}
},
submitHandler: function(form) {
$.ajax({
type:"POST",
url: "adonan_action.php",
dataType: "json",
data: $("#FORMX").serialize() + "&KOPLO=tipe",
success: function(data){
//alert(data);
//if($.trim(php_script_response) == "sukses"){
if(data.status == "sukses"){
alert('Input Berhasil');
//window.location='logout.php';
}
else if(data.status == 'gagal'){
alert("Error on query!");
}
},
});//end ajax
}
});//end validate
});//end ready function
如何处理按钮 id="SF" ？
我已经尝试过这样的方法，但行不通。
submitHandler: function(form) {
$("#SC").on("click", function(){
var tipe = "SC";
});
$("#SF").on("click", function(){
var tipe = "SF";
});
$.ajax({
type:"POST",
url: "adonan_action.php",
dataType: "json",
data: $("#FORMX").serialize() + "&KOPLO=tipe",
success: function(data){
//alert(data);
//if($.trim(php_script_response) == "sukses"){
if(data.status == "sukses"){
alert('Input Berhasil');
//window.location='logout.php';
}
else if(data.status == 'gagal'){
alert("Error on query!");
}
},
});//end ajax
我需要的只是从按钮中捕获不同的id或值，然后我将使用ajax将其发送到另一个页面。
有人可以帮忙吗？
最佳答案
我已经解决了，就像这样
$("#SC").on("click", function(){
//var BTN = "SC";
if($("#FORMX").valid()){
$.ajax({
type:"POST",
url: "produksi_action.php",
dataType: "json",
data: $("#FORMX").serialize() + "&KOPLO=SC",
success: function(data){
alert(data);
//if($.trim(php_script_response) == "sukses"){
if(data.status == "sukses"){
alert('Input Berhasil');
}
else if(data.status == 'gagal'){
alert("Error on query!");
}
},error:function(dt){
alert("error");
}
});//end ajax
}
else{
alert('Tolong Lengkapi Kolom yang Kosong..!');
}
});//end click
$("#SF").on("click", function(){
//var BTN = "SC";
if($("#FORMX").valid()){
$.ajax({
type:"POST",
url: "produksi_action.php",
dataType: "json",
data: $("#FORMX").serialize() + "&KOPLO=SF",
success: function(data){
alert(data);
//if($.trim(php_script_response) == "sukses"){
if(data.status == "sukses"){
alert('Input Berhasil');
}
else if(data.status == 'gagal'){
alert("Error on query!");
}
},error:function(dt){
alert("error");
}
});//end ajax
}
else{
alert('Tolong Lengkapi Kolom yang Kosong..!');
}
});//end click
无需提交处理程序。
谢谢
关于javascript - Jquery 提交处理程序有两个按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42429707/