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

Question

我有一个包含一些表单字段的对话框。当我单击此对话框中的提交按钮时，表单未使用HTML5属性进行验证。但我可以使用Jquery validate plugin验证表单。但我需要执行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);
                }
            })
        }
    }
}
});

我在这里错过了一些做html5原生验证的事情。任何人都可以帮我解决这个问题。

您的及时帮助表示赞赏。

提前致谢。