我有一个模态的表单需要验证。因为django在modals中的表单处理得不太好,我没有在文章之后呈现视图,而是使用ajax/js来确定行为。我无法显示无效的反馈div,即使我遵循了说明以下内容的文档:
对于无效字段,请确保使用aria DescripteBy将无效反馈/错误消息与相关表单字段相关联(注意,如果字段已指向其他表单文本,则此属性允许引用多个id)。
此外,我可以在控制台上查看“aria descripeby”属性在输入中的设置是否正确。
index.html
<div class="modal-body">
<form class="needs-validation" id="address_form" method="post" novalidate>
{% csrf_token %}
<div class="mb-3 row">
<label for="id_applicantStreet1" class="col-sm-4 col-form-label">Address Line 1</label>
<div class="col-sm-8">
{{form.applicantStreet1}}
</div>
<div class="invalid-feedback" id="invalid-street1">This is required</div>
</div>
.....
some more other form fields below
index.js
$("#address_submit").click(function(){
$.ajax({
type: 'POST',
data: $("#address_form").serialize(),
url: '/ajax/validate_address_modal',
success: function(data){
if(data.status == 200){
window.location.reload(true);
} else {
responseObj = data.form;
for (const key in responseObj){
var id_selector = "#id_"+ key;
var message = "";
for (let i = 0; i < responseObj[key].length; i++){
message = responseObj[key][i] + "<br>" + message;
}
//$(id_selector).next().append(message);
$(id_selector).attr("aria-describedby", "invalid-street1");
$(id_selector).addClass("is-invalid");
}
}
}
});
暂无答案!
目前还没有任何答案,快来回答吧!