javascript - jQuery 对话框继续单击表单验证事件

Question

在 pdf 下载链接上需要打开一个 jQuery 对话框，并有一个包含姓名、电子邮件和确认复选框的表单。

将对字段进行一些验证，例如。所需的最小和最大尺寸等...

已在页面加载时初始化对话框，并在 pdf 下载链接上打开对话框。

$("#dialog").dialog({
    bgiframe: true,
    autoOpen: false,
    modal: true,
    buttons: {
        'Continue': function(){
            var valid = true;
            valid = valid && checkExists(name, 2, 50);
            //valid = valid && checkEmail(email);
            valid = valid && checkTrue(agree);

            if(valid) {
                //ajax call to controller
                return true;
            }
        },
        'Cancel': function(){
            $(this).dialog('close');
        }
    }   

});

$("a.download-document").click(function(){
    $("#dialog").dialog('open');
});

我遇到的问题是，因为我没有在单击事件上返回 false，所以它将打开对话框，但然后继续单击事件。

如何让点击事件仅在提交表单且验证正常时继续？

Answer 1

只需将 else 子句添加到 if (valid) 语句即可。它应该是:

if (valid) {
   // ajax call to controller
   return true;
}
else return false;

点击不会失败。