Jquery 在激发AJAX调用之前验证数据
我试图在AJAX调用执行之前验证数据。但是因为我有两个提交按钮,一个用于添加,一个用于编辑,所以我找不到正确的语法。到目前为止,我有以下代码:Jquery 在激发AJAX调用之前验证数据,jquery,ajax,click,validation,Jquery,Ajax,Click,Validation,我试图在AJAX调用执行之前验证数据。但是因为我有两个提交按钮,一个用于添加,一个用于编辑,所以我找不到正确的语法。到目前为止,我有以下代码: function validate_resource_form () { $.validate({ form: '#resource_form', modules: 'date, security, location, file', onModulesLoaded: function() {
function validate_resource_form () {
$.validate({
form: '#resource_form',
modules: 'date, security, location, file',
onModulesLoaded: function() {
$('input[name="country"]').suggestCountry();
},
onError: function() {
alert('You have not answered all required fields');
},
onValidate : function() {
if ($("#add_resource").click()){
create_resource ();
} else if ($("#edit_resource").click()){
update_resource ();
}
}
});
}
此代码仅执行第一条if语句。在这种情况下,它将仅在单击“添加资源”或“编辑资源”按钮时创建新资源。如何验证数据,然后根据单击的按钮启动正确的功能 使用此代码,您可以添加隐藏的输入
function validate_resource_form () {
$.validate({
form: '#resource_form',
modules: 'date, security, location, file',
onModulesLoaded: function() {
$('input[name="country"]').suggestCountry();
},
onError: function() {
alert('You have not answered all required fields');
},
onValidate : function() {
$("input").click(function(e){
var idClicked = e.target.id;
if ( idClicked == "#add_resource"){
create_resource ();
} else if ( idClicked == "#edit_resource"){
update_resource ();
}
});
}
});
}
<input type='hidden' id='clickedAction'>
<button onclick='$("#clickedAction").val("c")' id="add_resource">create</button>
<button onclick='$("#clickedAction").val("u")' id='edit_resource'>update</button>
onValidate : function() {
if ($("#clickedAction").val()=='c'){
create_resource ();
} else if ($("#clickedAction").val()=='u'){
update_resource ();
}
}