当我在不同的事件中使用它时,函数 JavaScript 不起作用
Not working function javascript when I use it in different event
我有这样的函数javascript代码
function insertData(link) {
$("#addGroup").validate({
ignore:[],
rules:{
mod_groupname: {
required: true,
minlength: 5,
maxlength: 30
},
mod_namegroup: {
required: true,
minlength: 7,
maxlength: 100
},
"hiddenRecaptcha": {
required: function() {
if(grecaptcha.getResponse() == '') {
return true;
} else {
return false;
}
}
}
},
errorPlacement: function(error, element)
{
if(element.closest('.form-group').find('label.error').length == 0){
error.css({
"color":"red",
"font-weight": "bolder"
}).insertBefore( element.closest('.form-group').find('.container_error'));
}
},
submitHandler: function(form) {
$form = $(form);
$.post(link,$form.serialize(),function(data){
var obj = jQuery.parseJSON(JSON.stringify(data));
if (jQuery.type(obj.message) == "object") {
$.each(data,function(index, value) {
if (jQuery.type(data[index]) == "object") {
var stringMessage = "";
$.each(data[index],function(urutan,isi) {
stringMessage += "- "+isi+"'n";
});
alert(stringMessage);
}
});
}
else if (jQuery.type(obj.message) == "string") {
alert(obj.message);
if (obj.code == 1) {
$("#modalAddGroup").modal('toggle');
var oTable = $("#view_group").dataTable();
oTable.fnDraw();
}
grecaptcha.reset();
$("#addGroup")[0].reset();
}
});
}
});
}
之后我在事件jQuery中使用函数
$("#modalShow").click(function() {
$("#hiddenCodeRole").remove();
grecaptcha.reset();
$("#addGroup")[0].reset();
$("#mod_codegroup").removeAttr("disabled");
$("#title-modal").text("Tambah grup hak akses");
$("#modalAddGroup").modal('toggle');
insertData("siteman/app/insert/insert_add_group.php");
});
$("#view_group").on("click",".btn-update",function() {
$.ajax({
url: "siteman/app/json/view_group_update.php",
dataType: 'json',
data: "rolecode="+$(this).attr("data"),
method: "POST",
success: function(result) {
grecaptcha.reset();
$("#addGroup")[0].reset();
var obj = JSON.parse(JSON.stringify(result));
if(obj.code == 1) {
$("#hiddenCodeRole").remove();
$("#mod_codegroup").val(obj.data.role_rolecode).addClass("disabled").attr("disabled","disabled");
$("#namegroup").val(obj.data.role_name);
$("#title-modal").text("Perbaharui grup hak akses");
$("#addGroup > .form-group:first").append("<input type='hidden' id='hiddenCodeRole' value='"+obj.data.role_rolecode+"' name='mod_rolecode' />");
$("#modalAddGroup").modal('toggle');
insertData("<?=BASEPATH?>siteman/app/change/process_edit_group.php");
} else {
alert('Ada terjadi error. silahkan anda mengulangi lagi!');
}
},
error: function() {
alert('Ada terjadi error. silahkan anda mengulang lagi!')
}
});
});
当我单击按钮类 .btn-update 并且我更新数据成功时出现问题。我单击按钮modalShow并填写表单函数insertData("siteman/app/insert/insert_add_group.php")未调用,但此函数insertData("siteman/app/json/view_group_update.php")再次调用。
对不起,我的英语不好:(。
谢谢堆栈溢出,我得到了解决方案
$("#addGroup").validate({
ignore:[],
rules:{
mod_groupname: {
required: true,
minlength: 5,
maxlength: 30
},
mod_namegroup: {
required: true,
minlength: 7,
maxlength: 100
},
"hiddenRecaptcha": {
required: function() {
if(grecaptcha.getResponse() == '') {
return true;
} else {
return false;
}
}
}
},
errorPlacement: function(error, element)
{
if(element.closest('.form-group').find('label.error').length == 0){
error.css({
"color":"red",
"font-weight": "bolder"
}).insertBefore( element.closest('.form-group').find('.container_error'));
}
},
submitHandler: function(form,event) {
event.preventDefault();
$form = $(form);
var url = $form.attr("action");
$.post(url,$form.serialize(),function(data){
var obj = jQuery.parseJSON(JSON.stringify(data));
if (jQuery.type(obj.message) == "object") {
$.each(data,function(index, value) {
if (jQuery.type(data[index]) == "object") {
var stringMessage = "";
$.each(data[index],function(urutan,isi) {
stringMessage += "- "+isi+"'n";
});
alert(stringMessage);
}
});
}
else if (jQuery.type(obj.message) == "string") {
alert(obj.message);
if (obj.code == 1) {
$("#modalAddGroup").modal('toggle');
var oTable = $("#view_group").dataTable();
oTable.fnDraw();
}
grecaptcha.reset();
$("#addGroup")[0].reset();
}
});
}
});
$("#modalShow").click(function() {
$("#hiddenCodeRole").remove();
grecaptcha.reset();
$("#addGroup")[0].reset();
$("#mod_codegroup").removeAttr("disabled");
$("#title-modal").text("Tambah grup hak akses");
$("#modalAddGroup").modal('toggle');
$("#addGroup").attr("action","<?=BASEPATH?>siteman/app/insert/insert_add_group.php");
});
$("#view_group").on("click",".btn-update",function() {
$.ajax({
url: "<?=BASEPATH?>siteman/app/json/view_group_update.php",
dataType: 'json',
data: "rolecode="+$(this).attr("data"),
method: "POST",
success: function(result) {
grecaptcha.reset();
$("#addGroup")[0].reset();
var obj = JSON.parse(JSON.stringify(result));
if(obj.code == 1) {
$("#hiddenCodeRole").remove();
$("#mod_codegroup").val(obj.data.role_rolecode).addClass("disabled").attr("disabled","disabled");
$("#namegroup").val(obj.data.role_name);
$("#title-modal").text("Perbaharui grup hak akses");
$("#addGroup > .form-group:first").append("<input type='hidden' id='hiddenCodeRole' value='"+obj.data.role_rolecode+"' name='mod_rolecode' />");
$("#modalAddGroup").modal('toggle');
$("#addGroup").attr("action","<?=BASEPATH?>siteman/app/change/process_edit_group.php");
} else {
alert('Ada terjadi error. silahkan anda mengulangi lagi!');
}
},
error: function() {
alert('Ada terjadi error. silahkan anda mengulang lagi!')
}
});
});
相关文章:
- Ember Data DS.Model's set函数不起作用
- 为什么我的JavaScript堆栈排序函数不起作用
- Javascript onchange()函数不起作用
- 另一个Ajax函数触发的Ajax函数不起作用
- 从PHP调用JS函数不起作用
- jQuery validate函数不起作用
- JS-窗口宽度函数不起作用
- javascript函数,该函数不起作用,但不会显示任何错误
- 为什么这个排序函数不起作用
- 为什么这个反向函数不起作用
- Javascript parseInt 函数不起作用
- 我的函数不起作用,Ajax调用,JQuery,调用外部?我不知道
- 主干构造函数不起作用
- Javascript:this.value 函数不起作用
- Mocha 的 beforeEach() 和 done() 函数不起作用
- 在jQuery中,我的函数不起作用
- jquery-ui-rails的draggable和dropable函数不起作用
- 数学函数不起作用
- Javascript-创建打印到HTML的函数不起作用
- 我上传了客户's服务器一个js函数不起作用