ajax加载表单时,Jquery验证函数不起作用
我在cs购物车结帐中使用Jquery验证方法。 当我使用cmajax类(css默认类)通过ajax请求进入这一步时,validate函数不起作用,但是如果我刷新页面,它会显示所有错误ajax加载表单时,Jquery验证函数不起作用,jquery,ajax,cs-cart,Jquery,Ajax,Cs Cart,我在cs购物车结帐中使用Jquery验证方法。 当我使用cmajax类(css默认类)通过ajax请求进入这一步时,validate函数不起作用,但是如果我刷新页面,它会显示所有错误 $("#step_two_billing_address").validate({ rules: { "user_data[company]": "required", "user_data[company_gst]" :{
$("#step_two_billing_address").validate({
rules: {
"user_data[company]": "required",
"user_data[company_gst]" :{
regex : '[0-9]{2}[a-zA-Z]{5}[0-9]{4}[a-zA-Z]{1}[0-9]
{1}[zZ]{1}[a-zA-Z0-9]{1}',
maxlength : 15,
},
"user_data[b_zipcode]": "required",
"user_data[b_phone]":{
required :true,
regex : '[6789][0-9]{9}',
maxlength : 10,
} ,
"user_data[b_address]": "required",
"user_data[b_city]": "required",
"user_data[b_state]": "required",
},
messages: {
"user_data[company]": "Please enter your company name",
"user_data[b_zipcode]": "Please enter your pincode",
"user_data[phone]": {
required : "Please enter contact number",
regex : "Please enter a valid contact number",
maxlength : "Please enter a valid contact number",
},
"user_data[b_address]": "Please enter billing address",
"user_data[b_city]": "Please enter your city",
"user_data[b_state]": "Please enter your state"
},
errorElement : 'span',
errorPlacement: function(error, element) {
element.addClass('error invalid');
var label = $('#element').siblings('label');
label.attr('class', 'active');
var placement = $(element).data('error');
if (placement) {
$(placement).append(error)
} else {
error.insertAfter(element);
}
}
});
刷新页面后的验证:
当我们通过ajax移动到账单地址部分时,验证显示弹出窗口
解决方案:此问题是由于绑定引起的。所以我们需要在ajax调用之后重新绑定javascript
$(document).on('click','.btn',function() {
$("#step_two_billing_address").validate({
rules: {
"user_data[company]": "required",
"user_data[company_gst]" :{
regex : '[0-9]{2}[a-zA-Z]{5}[0-9]{4}[a-zA-Z]{1}[0-9]{1}[zZ]{1}[a-zA-Z0-9]{1}',
maxlength : 15,
},
"user_data[b_zipcode]": "required",
"user_data[b_phone]":{
required :true,
regex : '[6789][0-9]{9}',
maxlength : 10,
} ,
"user_data[b_address]": "required",
"user_data[b_city]": "required",
"user_data[b_state]": "required",
},
messages: {
"user_data[company]": "Please enter your company name",
"user_data[b_zipcode]": "Please enter your pincode",
"user_data[phone]": {
required : "Please enter contact number",
regex : "Please enter a valid contact number",
maxlength : "Please enter a valid contact number",
},
"user_data[b_address]": "Please enter billing address",
"user_data[b_city]": "Please enter your city",
"user_data[b_state]": "Please enter your state"
},
errorElement : 'span',
errorPlacement: function(error, element) {
element.addClass('error invalid');
var label = $('#element').siblings('label');
label.attr('class', 'active');
var placement = $(element).data('error');
if (placement) {
$(placement).append(error)
} else {
error.insertAfter(element);
}
}
});
});
放置您的
ajax
function@Ankita我使用cm ajax类从一个步骤移动到另一个步骤,这是cs cart的默认类。这个错误似乎是默认的Javascript行为,而不是cs cart ajax问题。尝试搜索“ajax调用后重新绑定javascript”或其他内容。