0

我有以下脚本prevent a button from submitting twice通过双击。它工作正常。

但是当我添加一个Required Field validator. 如果我尝试在文本框中使用空白值提交,验证器会触发。但是当我在文本框中输入值并尝试再次提交时,它不会进行回发。

我理解原因,在第一个按钮单击本身中,变量 isActionInProgress 设置为“是”,而与验证错误无关。

克服这一挑战的最佳方法是什么?

标记

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.1.js"></script>
<script type="text/javascript">

    $(document).ready(function () {



        var isActionInProgress = 'No';

        $('.myButton').click(function (e) {

            if (isActionInProgress == 'No') {
                isActionInProgress = 'Yes';
            }
            else {
                e.preventDefault();
                //alert('STOP');
            }

        });


    });

</script>
</head>
<body>
<form id="form1" runat="server">
<div>
    <asp:TextBox ID="txtEmpName" runat="server"></asp:TextBox>
    <asp:Button ID="Button1" CssClass="myButton" runat="server" Text="Submit" ValidationGroup="ButtonClick"
        OnClick="Button1_Click" />

    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtEmpName"
        runat="server" ErrorMessage="RequiredFieldValidator" ValidationGroup="ButtonClick" Text="*"></asp:RequiredFieldValidator>
</div>
</form>
</body>

参考

  1. Page_ClientValidate 正在验证多次。
  2. 在 ASP.Net ValidationSummary 中隐藏冗余错误消息
  3. MSDN - ASP.NET 深度验证
4

1 回答 1

2

我想像这样:

 $('.myButton').click(function (e) {
        if(Page_IsValid){
        if (isActionInProgress == 'No') {
            isActionInProgress = 'Yes';
        }
        else {
            e.preventDefault();
            //alert('STOP');
        }
      }

    });
于 2012-12-11T17:44:31.453 回答