使用Javascript或Jquery對Gridview控件中的Textbox進行客戶端驗證

Question

我正在開發asp.net應用程序，因為我有一個頁面包含帶有文本框的gridview，因為我需要驗證以填充該gridview中的至少一個文本框。

我GOOGLE了很多頁面，但我發現只有復選框驗證像這樣 ，當保存按鈕點擊，我需要驗證填寫存款金額ATLEAST一個文本框在GridView控件..

請任何答案將不勝感激..

Answer 1

Use RequiredFieldValidator


        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtAmount" ErrorMessage="Fill This"></asp:RequiredFieldValidator>

Answer 2

<script type="text/javascript">
    function validateTextBox() {
        //get target base & child control.
        var TargetBaseControl = document.getElementById('<%=this.Gridview1.ClientID%>');
        var TargetChildControl1 = "txtDepositAmount";

        //get all the control of the type INPUT in the base control.
        var Inputs = TargetBaseControl.getElementsByTagName("input");

        for (var n = 0; n < Inputs.length; ++n)
            if (Inputs[n].type == 'text' && Inputs[n].id.indexOf(TargetChildControl1, 0) >= 0)
                if (Inputs[n].value != "") return true;

        alert('Enter Atleast One Deposit Amount!');
        return false;
    }
</script>



<asp:ImageButton ID="btnSave" runat="server" ValidationGroup="valInsert" ImageUrl="~/images/save6.png"
                                                Width="40px" Height="40px" OnClientClick="javascript:return validateTextBox();" OnClick="btnSave_Click" ToolTip="Save" />

Answer 3

您可以使用CustomValidator和jQuery檢查至少一個TextBox中是否包含文本。

<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="At least one TextBox is required" ClientValidationFunction="validateMyTextBoxes"></asp:CustomValidator>

<script type="text/javascript">
    function validateMyTextBoxes(oSrc, args) {
        var isValid = false;
        $("#<%= GridView1.ClientID %> input[type=text]").each(function () {
            if ($(this).val() != "") {
                isValid = true;
            }
        })
        args.IsValid = isValid;
    }
</script>