如何防止Bootstrap验证在表单提交之前显示错误消息？
我正在使用Bootstrap 4验证，并且有一些条件字段显示在单选按钮更改上。现在，当我更改选项卡时，即使没有类has-warning
这是我的js：
$('#register_form')
.find('[name="cms_frontuserbundle_frontuser[usertype]"]')
.change(function (e) {
var usertype = $(this).val();
if (usertype == "institution") {
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[companyName]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[contactName]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryContactName]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[position]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryPosition]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryCountrydialcode]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryContactNumber]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryEmail]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[companyType]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[dateOfBirth]', false);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[companyName]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[contactName]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[secondaryEmail]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[secondaryContactName]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[secondaryCountrydialcode]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[secondaryContactNumber]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[position]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[secondaryPosition]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[secondaryEmail]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[companyType]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[firstname]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[lastname]', false);
} else {
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[dateOfBirth]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[firstname]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[lastname]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[firstname]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[lastname]', true);
$('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[dateOfBirth]', true);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[companyName]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[contactName]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryEmail]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryContactName]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryCountrydialcode]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryContactNumber]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[position]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[secondaryPosition]', false);
$('#register_form').formValidation('enableFieldValidators', 'cms_frontuserbundle_frontuser[companyType]', false);
}
})
.end()
.formValidation({
framework: 'bootstrap4',
excluded: ':disabled',
icon: {
valid: '',
invalid: '',
validating: ''
},
fields: {
'cms_frontuserbundle_frontuser[usertype]': {
enabled: false,
validators: {
notEmpty: {message: 'This field should not be blank.'},
// regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[companyName]': {
enabled: false,
validators: {
stringLength: {min: 10, max: 50, message: 'Company Name should be at least 10 characters long.'},
notEmpty: {message: 'This field should not be blank.'},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[contactName]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
stringLength: {
message: 'Contact Name should be at least 3 characters long.',
min: 3,
max: 50
},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[secondaryContactName]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
stringLength: {
message: 'Contact Name should be at least 3 characters long.',
min: 3,
max: 50
},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[position]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
stringLength: {
message: 'Position should be at least 3 characters long.',
min: 3,
max: 50
},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[secondaryPosition]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
stringLength: {
message: 'Position should be at least 3 characters long.',
min: 3,
max: 50
},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[companyType]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
stringLength: {
message: 'Company Type should be at least 3 characters long.',
min: 3,
max: 50
},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[email]': {
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
emailAddress: {
message: 'Email should be valid.'
},
stringLength: {
message: 'Email should be at least 3 characters long.',
min: 3,
max: 50
},
blank: {}
}
},
'cms_frontuserbundle_frontuser[secondaryEmail]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
emailAddress: {
message: 'Email should be valid'
},
stringLength: {
message: 'Email should be at least 3 characters long.',
min: 3,
max: 50
},
blank: {}
}
},
'cms_frontuserbundle_frontuser[country]': {
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
blank: {}
}
},
'cms_frontuserbundle_frontuser[countrydialcode]': {
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
blank: {}
}
},
'cms_frontuserbundle_frontuser[secondaryCountrydialcode]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
blank: {}
}
},
'cms_frontuserbundle_frontuser[cityname]': {
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
stringLength: {
message: 'City Name should be at least 3 characters long.',
min: 3,
max: 25
},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[firstname]': {
validators: {
stringLength: {
message: 'First Name should be at least 3 characters long.',
min: 3,
max: 25
},
notEmpty: {message: 'This field should not be blank.'},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[lastname]': {
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
stringLength: {
message: 'Last Name should be at least 3 characters long.',
min: 3,
max: 25
},
regexp: {regexp: onlyLetters, message: 'Only Letters allowed.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[contactNumber]': {
validators: {
stringLength: {max: 25, message: 'Contact Number should be max 25 characters long.'},
notEmpty: {message: 'This field should not be blank.'},
regexp: {regexp: onlyNumbers, message: 'Contact Number is not valid.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[secondaryContactNumber]': {
enabled: false,
validators: {
stringLength: {max: 25, message: 'Contact Number should be max 25 characters long.'},
notEmpty: {message: 'This field should not be blank.'},
regexp: {regexp: onlyNumbers, message: 'Contact Number is not valid.'},
blank: {}
}
},
'cms_frontuserbundle_frontuser[plainPassword][first]': {
validators: {
stringLength: {min: 8, message: 'Contact Number should be atleast 8 characters long.'},
notEmpty: {message: 'This field should not be blank.'},
securePassword: {
message: ' '
}
}
},
'cms_frontuserbundle_frontuser[plainPassword][second]': {
validators: {
identical: {
field: 'cms_frontuserbundle_frontuser[plainPassword][first]',
message: '<br>The password and confirm password are not the same.'
},
notEmpty: {message: ' '},
blank: {}
}
},
'cms_frontuserbundle_frontuser[dateOfBirth]': {
enabled: false,
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
blank: {}
}
},
'cms_frontuserbundle_frontuser[terms]': {
validators: {
notEmpty: {
message: 'This field should not be blank.'
},
choice: {
min: 1,
max: 1,
message: ' '
}
}
},
}
})
.on('success.form.fv', function (e) {
e.preventDefault();
var grecaptcharesponse = $('#g-recaptcha-response').val();
var $form = $(e.target),
formId = '#' + $form[0].id;
var valid = googleRecaptchaVerification();
if (!valid) {
$(formId).find('button[type=submit]').removeAttr('disabled').removeClass('disabled');
return false;
}
$('#g-recaptcha-response').val(grecaptcharesponse);
$form.hide();
$(".login_loader").show();
$.ajax({
type: 'post',
url: '',
data: $(formId).serialize(),
dataType: 'json',
success: function (response) {
$(".login_loader").hide();
var fv = $(formId).data('formValidation');
if (response.status == true) {
$form.hide();
var register_thanks_msg = $('.register_thanks_msg');
// Then reset the form
$('.alert-success').addClass('in');
//*********************
register_thanks_msg.show();
$('html, body').animate({
scrollTop: register_thanks_msg.offset().top
}, 800);
setTimeout(function () {
window.location = response.redirect_url;
}, 5000);
} else {
$form.show();
$('.login_loader').hide();
if (response.message != '') {
$('.errors').html('<li>' + response.message + '</li>')
}
for (var field in response.errors) {
fv.updateMessage(field, 'blank', response.errors[field])
.updateStatus(field, 'INVALID', 'blank');
}
animateToError(response.errors);
}
}
});
});
这是我的表单图像：
当我单击机构时，它以黑色显示验证消息，直到我单击“提交”按钮时，该消息才会出现。
1 个答案:
答案 0 :(得分：0)
通过删除
修复了该问题 $('#register_form').formValidation('revalidateField', 'cms_frontuserbundle_frontuser[companyName]', true);
验证中的重新验证事件。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？