Question

我做了""http://jsfiddle.net/BXVDU/"rel="nofollow">jQueryBlockUI Plugin , 在每个提交行动表上触发:

$("form").submit(function() {
    jQuery.blockUI();
});

我想在提交一些表格之前先确认其中的一些表格:

<form method="POST" onSubmit="return(confirm( Really submit? ));">

When I hit "Cancel" on the confirm popup box, the BlockUI gets triggered and blocks the interface. It never gets unblocked.
Here s an example: http://jsfiddle.net/8B8yA/.

问题是如何防止BlucUI在按下“ 取消” 时被触发。

我曾尝试在“取消”动作中添加 $.unblockUI () :

if(!confirm("Really submit?")) {
    $.unblockUI();
    return(false);
}

但显然行不通,因为在采取 " 解除障碍行动 " 之前就要求采取 " 解除障碍行动 " 。

Answer 1

怎么样:

$("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>

见:http://jsfiddle.net/8B8yA/5

Answer 2

您可以尝试将 < strong > submit 从窗体和行为中删除 :

$("form").submit(function() {
    if(confirm( Really submit? )) {
        jQuery.blockUI();
    }
    else {
        return;
    }
});

你的意思是这样的:jsFiddle

您可以在表格中添加需要块 ui 的id, 例如 :

$("#yourFormId").submit(function() {
        if(confirm( Really submit? )) {
            jQuery.blockUI();
        }
        else {
            return;
        }
    });

友情链接