2012-09-29 118 views
-1

我有一个JavaScript验证(检查)功能和JavaScript验证后的表单,我需要做一个JQuery的弹出窗口进行确认。有人可以帮助我的条件,以检查如果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'); 
     }   
    });  
}); 
+2

你说的意思是'如果( !CheckVals()返回false){'?这没有意义。 – undefined

+0

考虑添加更多信息,以便我们知道什么是错的。 – bldoron

回答

0

我想你想这

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

点击提交我正在使用JavaScript验证,同时这个弹出窗口也显示..所以有什么办法,只有在完成后,javaScript验证和如果窗体有效我需要弹出确认窗口..对于上述解决方案我在验证之前仍然会弹出窗口。 – Ram

+0

从CheckVals()函数返回的内容,您应该使用'return false'来验证失败,'return true'来验证成功。 –

+0

请在下面的完整代码中找到http://jsfiddle.net/8h8qN/ – Ram