html5 - html 5 validation is not working in jquery ui dialog box -


i have dialog box form fields.when click on submit button inside dialog box form not validating using html5 attributes.but can validate form using jquery validate plugin.but need html5 native validation on button click, not working.

my code below.

$("#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);                 }             })         }     } } }); 

am missing thing here html5 native validation. can 1 please me out resolve this.

your timely appreciated.

thanks in advance.


Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -