Html 所需属性是否适用于模态中的输入元素？

我在模态中有一些输入字段，它们的属性为required=true。元素位于中，但当按下“提交”按钮时，如果字段留空，则不会显示所需的警告。我使用Jade作为模板引擎和引导

编辑：如果我从submit按钮中删除了关闭模式的属性，那么所需的属性就会起作用

因此，问题是，我如何才能延迟模式解雇，直到填写所需字段为止

这是模型上的玉石：

div#passwordModal.modal.hide.fade
        div.modal-header
            button.close(type='button', data-dismiss='modal', aria-hidden='true') x
            h3 Password Reset
        div.modal-body
            form.form-horizontal.form-align-center(action='/changePass', method='post', enctype='multipart/form-data')
                div.control-group
                    label.control-label(for='currentpass') Current Password
                    div.controls
                        input#currentpass(type='password', name='passOld', placeholder='enter old password', required=true)
                div.control-group
                    label.control-label(for='newpass') New Password
                    div.controls
                        input#newpass(type='password', name='passNew', placeholder='enter new password', required=true)
                div.control-group
                    label.control-label(for='newpassconfirm') Confirm
                    div.controls
                        input#newpassconfirm(type='password', name='passNew', placeholder='confirm new password', required=true)
                div.control-group
                    button.btn.btn-success.offset3(type='submit', data-dismiss='modal', aria-hidden='true') Change Password

如前所述，提交时不应关闭模式

我用了两个按钮。一个用于验证输入，使用表单中的数据构造JSON对象，并向服务器执行$.post。在该请求的回调中，我决定是否关闭模式，并显示警报。另一个按钮仅用于关闭模式

如果我找到更好的方法来处理这个用户体验问题，我会更新答案。

函数goRegEvent{ var connect、form、titulo、detalle、tipo、FechaPublication、Fechavenciiento、fechaEvento、horaEvento、lugar、horaInicio、horaFin； titulo=返回文档.getElementById'titulo'。值； 伊夫蒂图洛！={ 形式='titulo='+titulo； connect=window.XMLHttpRequest？新的XMLHttpRequest:newActiveXObject'Microsoft.XMLHTTP'； 打开'POST'，'ajax.php？mode=regEvent'，true； connect.setRequestHeader'Content-Type'，'application/x-www-form-urlencoded'； connect.sendform； }否则{ 结果=； 结果+='x'； 结果+=‘错误’； 结果+='Los campos con*son obligatorios

'； 结果+=； __“\u AJAX\u REG\u EVENTO”.innerHTML=result； } } 函数runScriptRege{ ife.keyCode==13{ goRegEvent； } } &时代； 注册主任埃维托 提特罗*

---

依我看，你不应该在提交时关闭模态，而应该在取消时关闭模态。我通常评估提交响应，以了解是否必须关闭模式成功或显示表单错误验证错误。必需的属性是HTML5，不使用JS处理，因此无法打开模式以突出显示无效字段。。。。