Как включить кнопку на основе TextBox в GridView в ASP.Net с помощью JavaScript?

Question

У меня есть TextBox в поле TemplateFrid GridView. И у меня есть одна кнопка ниже GridView. Я хочу включить кнопку, когда я вводю некоторый текст в TextBox в GridView. Как это сделать? Я использую ASP.Net и C # .Net.

Мой исходный код GridView:

<table>
    <tr>
       <td>
<asp:GridView ID="gvQCAttribute" runat="server" AllowPaging="true" AutoGenerateColumns="false"
                        CellPadding="0" CssClass="datagrid" DataKeyNames="ItemID" EnableTheming="false"
                        PageSize="10" Width="100%">
                        <EmptyDataTemplate>
                            <table border="0" cellpadding="0" cellspacing="1" width="100%">
                                <tr>
                                    <tr>
                                        <th scope="col">
                                            QC Attribute Name
                                        </th>
                                        <th scope="col">
                                            PO Attribute Value
                                        </th>
                                        <th scope="col">
                                            Negative Tolerance
                                        </th>
                                        <th scope="col">
                                            Positive Tolerance
                                        </th>
                                        <th scope="col">
                                            Remarks
                                        </th>
                                    </tr>
                                </tr>
                            </table>
                        </EmptyDataTemplate>
                        <SelectedRowStyle CssClass="rowselect" />
                        <HeaderStyle ForeColor="White" />
                        <AlternatingRowStyle CssClass="table_oddrow" />
                        <RowStyle CssClass="table_evenrow" />
                        <PagerStyle CssClass="pager_style" />
                        <Columns>
                            <asp:TemplateField HeaderText="ItemID" Visible="false">
                                <ItemTemplate>
                                    <asp:Label ID="lblgvItemID" runat="server" Text='<%# Bind("ItemID") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="QCAttributeID" Visible="false">
                                <ItemTemplate>
                                    <asp:Label ID="lblgvQCAttributeID" runat="server" Text='<%# Bind("QCAttributeID") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Attribute Name">
                                <ItemTemplate>
                                    <asp:Label ID="txtQCAttributeName" runat="server" Text='<%# Bind("AttributeName") %>'></asp:Label>
                                </ItemTemplate>
                                <ItemStyle Width="150px" />
                                <ControlStyle Width="100%" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="POAttrubute Value">
                                <ItemTemplate>
                                    <asp:TextBox ID="txtPOAttributeValue" runat="server" Text='<%# Bind("POAttributeValue") %>'
                                        onkeyup="return EnableButton(this);" ValidationGroup="Modal" onkeypress="return checkNum(event);"></asp:TextBox>

                                </ItemTemplate>
                                <ItemStyle Width="100px" />
                                <ControlStyle Width="95%" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Negative Tolerance">
                                <ItemTemplate>
                                    <asp:TextBox ID="txtNegTolerance" runat="server" Text='<%# Bind("NegativeTolerance") %>'
                                        onkeyup="return EnableButton(this);" ValidationGroup="Modal" onkeypress="return checkNum(event);"></asp:TextBox>

                                </ItemTemplate>
                                <ItemStyle Width="100px" />
                                <ControlStyle Width="95%" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Positive Tolerance">
                                <ItemTemplate>
                                    <asp:TextBox ID="txtPosTolerance" runat="server" Text='<%# Bind("PositiveTolerance") %>'
                                        onkeyup="return EnableButton(this);" ValidationGroup="Modal" onkeypress="return checkNum(event);"></asp:TextBox>

                                </ItemTemplate>
                                <ItemStyle Width="100px" />
                                <ControlStyle Width="95%" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Remarks">
                                <ItemTemplate>
                                    <asp:TextBox ID="txtRemarks" runat="server" Text='<%# Bind("Remarks") %>' onkeyup="return EnableButton(this);"
                                        ValidationGroup="Modal"></asp:TextBox>                                        
                                </ItemTemplate>
                                <ItemStyle Width="100px" />
                                <ControlStyle Width="95%" />
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>
        </td>
     </tr>
     <tr>
        <td>
         <asp:Button ID="btnmdeSave" runat="server" Text="Save" CssClass="ButtonClass" ValidationGroup="Modal"
                        OnClick="btnmdeSave_Click" />
        </td>
     </tr>
  </table>

Answer 1

используйте onkeypress или onkeyup событие и проверьте, является ли текстовое поле пустым.

, если нет, то включите кнопку, иначе отключите.

function enableButton(){
  if(document.getElementById('txtPOAttributeValue').value != '' && document.getElementById('txtNegTolerance').value != '' && document.getElementById('txtPosTolerance').value != ''){
    document.getElementById('buttonId').disabled = false;
  }else{
    document.getElementById('buttonId').disabled = true;
  }
}

Answer 2

Использовать JQuery

// disabling button
$("#buttonID").attr('disabled','disabled');

$("#textBoxID").keypress(function(){
   // enabling button
   $("#buttonID").removeAttr('disabled');
});