在cakephp中通过ajax jquery验证表单onclick事件
我面临验证表单onclick事件的问题 我使用的是表单,但它不包含任何按钮或提交事件。 我使用的不是按钮,所以当用户单击某个按钮时,如何管理.valide 以下是我的表单代码链接,用户单击该链接可提交表单:在cakephp中通过ajax jquery验证表单onclick事件,jquery,ajax,forms,cakephp,jquery-form-validator,Jquery,Ajax,Forms,Cakephp,Jquery Form Validator,我面临验证表单onclick事件的问题 我使用的是表单,但它不包含任何按钮或提交事件。 我使用的不是按钮,所以当用户单击某个按钮时,如何管理.valide 以下是我的表单代码链接,用户单击该链接可提交表单: <a style="cursor: pointer" class="edit_submit_btn"><?php echo "Update"; ?></a> 但是当我尝试使用.validate验证表单时,它不起作用 下面是验证代码: $('.user_
<a style="cursor: pointer" class="edit_submit_btn"><?php echo "Update"; ?></a>
但是当我尝试使用.validate验证表单时,它不起作用
下面是验证代码:
$('.user_edit').validate({
onkeyup: false,
errorClass: 'has-error-text',
validClass: 'valid',
rules: {
"data[PersonMaster][first_name]": {
required: true
},
"data[PersonMaster][last_name]": {
required: true
},
"data[PersonMaster][email_address]": {
required: true,
email: true
},
"data[PersonMaster][mobile_number_code]": {
required: true
},
"data[PersonMaster][mobile_number]": {
required: true
},
"data[PersonMaster][country_id]": {
required: true
}
},
messages: {
"data[PersonMaster][first_name]": {
required: globalValidations.Modules.addUser.first_name
},
"data[PersonMaster][last_name]": {
required: globalValidations.Modules.addUser.last_name
},
"data[PersonMaster][email_address]": {
required: globalValidations.Modules.addUser.email_address,
email:globalValidations.Modules.addUser.email_valid
},
"data[PersonMaster][mobile_number_code]": {
required: globalValidations.Modules.addUser.mobile_number_code
},
"data[PersonMaster][mobile_number]": {
required: globalValidations.Modules.addUser.mobile_number
},
"data[PersonMaster][country_id]": {
required: globalValidations.Modules.addUser.country_code
}
},
highlight: function(element) {
alert("hi");
$(element).closest('div').addClass("has-error");
},
unhighlight: function(element) {
$(element).closest('div').removeClass("has-error");
},
errorPlacement: function(error, element) {
$(element).closest('div').append(error);
},
submitHandler: function(form) {
$("#loading_main").show();
var data = $(form).serialize();
var page_number = $("#page_value").val();
$.ajax({
url: site_url + "user_masters/edit_action",
data: data,
type: "POST",
success: function(response) {
$("#loading_main").hide();
var response_object = jQuery.parseJSON(response);
if (response_object.error_code == 0) {
UserloadPiece(site_url + "user_masters/user_list/" + (new Date()).getTime() + '/page:' + page_number + '', ".user-content-table-inner", '');
// setTimeout(message_hide("alert", "", "alert-success"), 5000);
} else if (response_object.error_code == '1') {
$("#alert-edit-profile").show();
$("#alert-edit-profile").removeClass("alert-success");
$("#alert-edit-profile").addClass("alert-danger");
$("#alert-edit-profile").html(response_object.message);
} else if (response_object.error_code == '2') {
var i = 0;
$.each(response_object.message, function(field, error) {
if (field != "null") {
$(".has-error-text").empty();
$("#" + field + "_validation").closest('div').addClass("has-error");
$("#" + field + "_validation").text(error);
$("#" + field + "_validation").show();
if (i == 0)
$("#" + field).focus();
i = i + 1;
}
});
}
else if(response_object.error_code == '9'){
handle_redirect();
}
}
});
},
error: function(jqXHR, textStatus, errorThrown) {
alert("There is some error while processing your request. please try again later.");
window.location.href = site_url + 'user_masters/login';
}
});
只需使用表单id来验证表单
$('#form_id').validate();
在输入字段中添加属性
所需数据规则=true
如果您想要自定义消息,只需添加另一个属性
data msg required=您的消息
$('#form_id').validate();