我做了jQuery BlockUI Plugin在每个表单提交操作上触发:
$("form").submit(function() {
jQuery.blockUI();
});
我想在提交之前验证一些表单:
<form method="POST" onSubmit="return(confirm('Really submit?'));">
当我在确认弹出框中点击“取消”时,BlockUI 被触发并阻止界面。它永远不会被解锁。
这是一个示例:http://jsfiddle.net/8B8yA/ .
问题是如何防止在按下“取消”时触发 BlockUI。
我尝试将 $.unblockUI()
添加到“取消”操作:
if(!confirm("Really submit?")) {
$.unblockUI();
return(false);
}
但它显然不起作用,因为解锁操作是在阻止操作之前调用的。
最佳答案
怎么样:
$("form").submit(function() {
if(!$(this).hasClass('skip'))
jQuery.blockUI();
});
和
<html>
<head>
<script src="http://malsup.github.com/jquery.blockUI.js">
</script>
</head>
<body>
<form method="POST" onSubmit="return (function(form) { var c = confirm('Are you sure?'); if(!c) { $(form).addClass('skip'); } return c; })(this);">
<input type="submit">
</form>
</body>
<html>
关于jquery - 如何防止 jQuery BlockUI 触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10753584/