如何使用javascript asp.net在网格视图的同一行选中复选框时验证网格视图中的文本框

本文关键字:视图 网格 复选框 何使用 验证 文本 行选 asp javascript net | 更新日期: 2023-09-27 18:27:25

我在aspx页面中有作为的gridview

 <asp:GridView ID="Grid_FeeCategory" Width="100%" CssClass="table table-striped responsive-utilities jambo_table" runat="server" AutoGenerateColumns="False">
    <HeaderStyle CssClass="headings" /> 
    <Columns>
    <asp:TemplateField>
    <HeaderTemplate>
    <asp:CheckBox ID="checkAll" runat="server" onclick = "checkAll(this);" />
    </HeaderTemplate>
    <ItemTemplate>
    <asp:CheckBox ID="chkRow" runat="server" onclick = "Check_Click(this)"/>
    </ItemTemplate>
    </asp:TemplateField>
    <asp:BoundField DataField="CatName" HeaderText="Category" />
    <asp:TemplateField HeaderText="Category Fee" HeaderStyle-Width="125px">
    <ItemTemplate>
    <asp:TextBox ID="txtCatFee" runat="server" placeholder="Int or Decimal" style="width:100%" />
   </ItemTemplate>
    </asp:TemplateField>
    <asp:BoundField DataField="FeeCatID" HeaderText="Category ID" HeaderStyle-CssClass="hidden-field" ItemStyle-CssClass="hidden-field"/>
    </Columns> 
    </asp:GridView>

我的custom validator看起来像

<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Please enter value"
    ClientValidationFunction="Validate" ForeColor="Red"></asp:CustomValidator> 

当检查了gridview中的checkbox并且用户将textbox保留为空时,我需要验证gridview中的textbox

e-g如果用户选中网格视图第1行的复选框,并在第1行保留文本框为空,以此类推。然后自定义验证器通知输入值,

为此,我昨天从谷歌获得了javascript并对其进行了操作,但它什么也没做,这里是javascript

<script type="text/javascript">
         function Validate(sender, args) {
             var gridView = document.getElementById("<%=Grid_FeeCategory.ClientID %>");
             var fields= gridView.getElementsByTagName("input");
             for (var i = 0; i < fields.length; i++)
             {
                 if (fields[i].type == "fields" && fields[i].checked)
                 {
                     if (fields[i].type == "text" && fields[i].value.length < 1)
                     {
                         args.IsValid = false;
                             return;
                       }
                 }
             }
             args.IsValid = true;
         }
         </script>

我使用脚本中的警报进行检查,它无法进入javascript 的此部分

if (fields[i].type == "text" && fields[i].value.length < 1)
                     {
                         args.IsValid = false;
                         return;
                       }

这是要求在客户端使用javascript来完成的,所以我需要你的帮助来摆脱它

如何使用javascript asp.net在网格视图的同一行选中复选框时验证网格视图中的文本框

我知道这很晚了,但任何人都可以从以下函数中获得帮助。。。。

我有一个与你的逻辑有关的例子。你可以在客户端这样做。。。以下代码并不完全是您的需求,但您可以根据自己的需求对其进行操作。

<script type="text/javascript">
function validate() {
            var flag = false;
            var gridView = document.getElementById('<%= Grid_FeeCategory.ClientID %>');
    for (var i = 1; i < gridView.rows.length; i++) {
        var inputs = gridView.rows[i].getElementsByTagName('input');
        if (inputs != null && inputs.length > 1 && inputs[0] != null) {
            if (inputs[1].type == "text" && inputs[0].type == "checkbox") {
                var txtval = inputs[1].value;
                if (inputs[0].checked && (txtval == "" || txtval == null)) {
                    flag = false;
                    break;
                }
                else {
                    flag = true
                }
            }
        }
    }
    if (!flag) {
            new PNotify({
                title: 'Error',
                text: 'Please provide values for "CHECKED" fee categories....!',
                type: 'error',
                hide: true
            });

    }
    return flag;
}
</script>

和按钮,您可以调用上面的功能

<asp:Button ID="btnCalculate"  runat="server"OnClientClick="if(!validate()) { return false;}" OnClick="btnCalculate_Click"  Text="Calculate" ValidationGroup="Update"/>

如果您需要任何类型的查询来理解,请随时询问