如何使用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
来完成的,所以我需要你的帮助来摆脱它
我知道这很晚了,但任何人都可以从以下函数中获得帮助。。。。
我有一个与你的逻辑有关的例子。你可以在客户端这样做。。。以下代码并不完全是您的需求,但您可以根据自己的需求对其进行操作。
<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"/>
如果您需要任何类型的查询来理解,请随时询问