0

私は持っているWebフォームを持っていTextBoxますValidator:

<script src="../script/jquery-2.0.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("form").submit(function () {
            $('input[type=submit]', this).attr('disabled', 'disabled');
        });
    });
</script>
<form id="form1" runat="server">
    <asp:RequiredFieldValidator ID="v" runat="server" ControlToValidate="name" ErrorMessage="Required"></asp:RequiredFieldValidator>
    <asp:TextBox ID="name" runat="server"></asp:TextBox>
    <asp:Button ID="submit" runat="server" Text="Go" CausesValidation="true" />
</form>

フォームが送信されたときに送信を無効にしたいのですbuttonが、このコードは無効な場合（空である場合）にも送信を無効にしますbutton。TextBoxValidator

だけでなく、すべての ASP.NET Validators の方法が必要ですRequiredFieldValidator。

button実際の送信でのみ送信を無効にするにはどうすればよいですか?

4

3 に答える 3

1

送信ボタンを無効にする前に、グローバルPage_IsValid変数がに設定されているかどうかを確認します。true

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("form").submit(function () {
                if (Page_IsValid)
                    $('input[type=submit]', this).prop('disabled', true);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:RequiredFieldValidator ID="v" runat="server" ControlToValidate="name" ErrorMessage="Required"></asp:RequiredFieldValidator>
        <asp:TextBox ID="name" runat="server"></asp:TextBox>
        <asp:Button ID="submit" runat="server" Text="Go" CausesValidation="true" />
    </form>
</body>
</html>
于 2013-09-13T16:52:57.173 に答える
0 
$(document).ready(function () {
        $("form").submit(function (e) {
         if($.trim($('#<%=name.ClientID%>').val()) !='' ){ //if textbox not empty
            $('input[type=submit]', this).attr('disabled', 'disabled');
         }else{
            e.preventDefault();
         }
        });
    });

event.preventDefault

.prop()を使用できます

 $('input[type=submit]', this).prop('disabled', true);
于 2013-09-11T16:10:18.840 に答える