Javascript 带两个按钮的Jquery提交处理程序?
我有个问题。Javascript 带两个按钮的Jquery提交处理程序?,javascript,jquery,json,ajax,submit,Javascript,Jquery,Json,Ajax,Submit,我有个问题。 我使用jQuery验证创建了一个表单输入,并使用Ajax提交它。 我可以使用一个提交处理程序,但是如何使用两个按钮呢 按钮 <table border="0" align="center" cellpadding="1" cellspacing="0"> <tr> <td align="center"> <input type="submit" value="SAVE CONTINUE" na
我使用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将其发送到另一个页面。任何人都可以提供帮助?从下面的代码中,您可以找到单击的按钮。这就是你想要的吗?? 1.创建一个全局变量,在下面的代码中它被btnClicked 2.在html标记中,添加onclick,以便在单击btn时更改btnClicked 3.在您的提交处理程序中访问此btnClicked变量 请参阅下面的代码
submitHandler:函数(表单){
警报(btnClicked);//在该变量中,您可以找到所单击的btn的id:)
$.ajax({
类型:“POST”,
url:“adonan_action.php”,
数据类型:“json”,
数据:$(“#FORMX”).serialize()+“&KOPLO=tipe”,
成功:功能(数据){
//警报(数据);
//if($.trim(php_脚本_响应)=“sukses”){
如果(data.status==“sukses”){
警报(“输入Berhasil”);
//window.location='logout.php';
}else if(data.status==“gagal”){
警报(“查询时出错!”);
}
},
});//结束ajax
var btnClicked=“”;
我已经解决了,就像这样
$("#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
无需提交处理程序
谢谢当您单击其中一个按钮时,您可能应该将按钮的id传递给窗体。在这些函数中执行
var-tipe
将不允许您访问它们。无论如何,如果您想访问tipe
,您应该执行数据:$(“#FORMX”).serialize()+“&KOPLO”+tipe“
取而代之的是,您当前的按钮总是将KOPLO
作为字符串tipe
您好,请尝试您的建议,只在id=“SF”或第二个按钮上工作,但在第一个按钮警报上不显示值。有什么问题吗?