我正在使用2个jquery插件,1个用于验证(jquery.validate.js),1个用于我的确认窗口,使用模态弹出窗口(jquery.blockUI.js)。这两个插件在我的PHP表单中运行良好。但是,我希望在显示模式弹出窗口之前有验证触发器,而不是正在发生的事情。我把两个放在一个由按钮触发的单个函数中,如下所示:
<input type="button" value = "Submit" onclick="javascript:showActions();" />
function showActions() {
$("#registration-form").valid();
$.blockUI({
message: $('#confirmation-dialog'),
css: {
width: '500px',
display: 'block'
}
});
}
当我尝试触发该函数时会发生什么,它会验证表单,但同时会显示模式弹出窗口,该窗口会在窗体关闭之前禁用该窗体。如果满足所有验证,我怎么能这样做才能调用模态弹出窗口?
我已经尝试添加if条件来检查$(“#registration-form”)。valid()返回true或false但是当我这样做时,我最终得到一个空白的弹出窗口,我的验证没有工作。请指教。
答案 0 :(得分:3)
尝试
function showActions() {
if ($("#registration-form").valid()) {
$.blockUI({
message: $('#confirmation-dialog'),
css: {
width: '500px',
display: 'block'
}
});
}
}