html 5验证在jquery ui对话框中不起作用

我有一个带有一些表单字段的对话框。当我点击对话框中的提交按钮时，表单没有使用HTML5属性进行验证。但是我可以使用Jquery验证插件验证表单。但是我需要在点击按钮时进行HTML5本机验证，这不起作用

我的代码如下。 我是否错过了一些html5本机验证的东西。谁能帮我解决这个问题

非常感谢你及时的帮助

---

提前感谢。

您需要提供表单标记。您试图使用哪些HTML5验证属性不起作用？属性如“必需”，感谢您的响应。属性如“必需”，“模式”。至少应该使用“required”属性。我正在对话框中动态填充表单。当我点击submit按钮时，表单没有使用html5属性进行验证，比如“required”和“pattern”等等。同样，这是我们需要查看表单标记的地方。如果您只是将输入放在jqui对话框中，那么这不是实际的元素。要进行HTML5验证，您需要提交一个包含输入的表单，或者像HTML5中添加的那个样，通过设置表单的“form”属性来提交表单。您还可以在自定义提交函数中检查输入的validity.valid属性。关键是，除非您提交了一个实际的验证，否则浏览器不会自动检查/强制执行HTML5验证属性。

$("#popup").dialog({
    autoOpen: false,
    title: "View/Edit Screen",
    dialogClass: "pop-content pop-header-colr pop-button pop-float",
    width: 800,
    height: 650,
    modal: true,
    resizable: false,
    show: 'clip',
    buttons: {
        'SUBMIT': function () {
            var accs_lvl = $('#accs_lvl').val();
            alert("accs_lvl " + accs_lvl);
            var curr_page = $('#curr_page').val();
            alert("curr_page " + curr_page);
            if (accs_lvl == 1 || (curr_page == 'cis' && accs_lvl == 6)) {
                var url_path = 'url_path';
                var args = {
                    "formData": JSON.stringify(ConvertFormToJSON('#pop_up_form')),
                        "bkup_doc_path": $('#bkup_doc_proof').val(),
                        "lttr_doc_path": $('#lttr_doc').val()
                };
            }
            if (accs_lvl == 2 || accs_lvl == 3 || ((curr_page == 'ofac' || curr_page == 'fla') && accs_lvl == 6)) {
                var url_path = 'url_path';
                var args = {
                    "chkReqIDs": $('#chk_req_id').val(),
                        "actionCode": $('#change_status').val(),
                        "notes": $('#reason_notes').val()
                };
            }
            $.ajax({
                url: url_path,
                type: 'GET',
                data: args,
                success: function (data) {
                    //alert("success"); 
                    $('#popup').dialog('close');
                    $("#cmn_sbmt").click();
                },
                error: function (xhr, textStatus, errorThrown) {
                    alert(errorThrown);
                }
            })
        }
    }
}
});