Javascript 将CustomValidity设置为Bootstrap 4 Validiaton?
我有这个html来显示错误消息Javascript 将CustomValidity设置为Bootstrap 4 Validiaton?,javascript,jquery,validation,bootstrap-4,Javascript,Jquery,Validation,Bootstrap 4,我有这个html来显示错误消息 <form id="order-form" class="needs-validation" method="post" enctype="multipart/form-data" novalidate> <div id="quantity-zero" class="invalid-feedback"></div> 如果quantitySelected为false,我想通过引导错误将其添加到中,下面给出了错误 错误:TypeE
<form id="order-form" class="needs-validation" method="post" enctype="multipart/form-data" novalidate>
<div id="quantity-zero" class="invalid-feedback"></div>
如果quantitySelected为false,我想通过引导错误将其添加到中,下面给出了错误
错误:TypeError:$(…)。表单未定义
我用这个来验证表单
if (form[0].checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
} else {
$("#exampleModal").show();
}
form.addClass('was-validated');
});
如果
quantitySelected
为false,如何将错误与其他引导程序验证一起显示?在每个方法中返回?什么是
$(“#数量零”)。表格
?我想应该是$(“#数量零”)。setCustomValidity('这是一个错误')代码>我在验证中使用的对象的表单。var form=$(..)然后您可以直接使用form.setCustomValidity()
。这就是我正在做的,但您看到了我的错误。您正在使用$(“#数量零”).form.setCustomValidity()
,而不是尝试在每个方法中使用form.setCustomValidity()
返回。$(“#数量零”)是什么.form
?我想它应该是$(“#数量零”).setCustomValidity('这是一个错误');
形成我在验证中使用的对象。var form=$(..…然后您可以直接使用form.setCustomValidity()
。这就是我正在做的事情,但您看到了我的错误。您正在使用$(“#数量零”).form.setCustomValidity()
,改为尝试使用form.setCustomValidity()
。
if(quantitySelected === false) {
$("#quantity-zero").form.setCustomValidity('This is an error.');
}
if (form[0].checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
} else {
$("#exampleModal").show();
}
form.addClass('was-validated');
});