Jquery:javascript验证后的弹出窗口

Jquery:javascript验证后的弹出窗口,jquery,javascript-events,Jquery,Javascript Events,我有一个带有javascript验证(Checkvals)功能的表单,在javascript验证之后,我需要创建一个Jquery弹出窗口进行确认。有人能帮我检查javascript验证是否完整有效,然后弹出屏幕吗 $(document).ready(function(){ $('#dialog').dialog ({ autoOpen: false, width: 400, modal: true, resizable: fa

我有一个带有javascript验证(Checkvals)功能的表单,在javascript验证之后,我需要创建一个Jquery弹出窗口进行确认。有人能帮我检查javascript验证是否完整有效,然后弹出屏幕吗

$(document).ready(function(){
   $('#dialog').dialog  ({
      autoOpen: false,  
      width: 400,  
      modal: true,   
      resizable: false,   
      buttons: {    
         "Print Request Letter": function() { 
            document.LetterRequest.submit();  
         }, 
         "Cancel": function() {  
            $(this).dialog("close"); 
         }    
      }    
   });   
   $("#LetterRequest").submit(function(e){    
      if (!CheckVals() return false) {    
         e.preventDefault();    
         $("#dialog-confirm").html($('.NoOfLetters').val()); 
         $('#dialog').dialog('open');   
      }          
   });     
});
我想你想要这个

$("#LetterRequest").submit(function(e){    
    e.preventDefault();
    if (!CheckVals()) return false; // validation fails and stop execution
    else
    {
        $("#dialog-confirm").html($('.NoOfLetters').val()); 
        $('#dialog').dialog('open'); // opens the dialog
    }
});
在按钮中,也应该使用

$("#LetterRequest")[0].submit();
而不是

document.LetterRequest.submit();

如果(!CheckVals()返回false),那么
是什么意思{ <代码> >没有意义。考虑添加更多信息,以便我们知道什么是错误的。单击“提交”时,我使用的是JavaScript验证,同时这个弹出窗口也被显示。因此,只有在完成JavaScript验证之后,如果表单是有效的,我需要弹出确认窗口。解决方案在验证之前,我仍然会收到弹出窗口。从
CheckVals()
函数返回的内容,应使用
return false
表示验证失败,使用
return true
表示验证成功。在
CheckVals()末尾添加
return true
函数,我认为它在这个和您的
CheckVals()中工作
太大了,因此如果出现任何错误,您应该解决它,但正如您所说的,在验证完成之前显示的对话框,它现在工作正常。嗨,谢赫!上面的代码工作正常,但我遇到了一个问题。一旦我在验证警报表单中填写缺失的数据,并尝试再次提交。这没有任何作用(表单未再次提交)…bcoz在if条件下,我们没有提到任何要做的事情..如果
CheckVals()
返回true,则将在小提琴中提交表单,当验证成功时,应提交表单。