js或者jquery判断DataGrid模板列中lable的text 是否为空

[Wicho开源开发中]

VS 2003 不方便调前台代码 想实现这个判断，但是 又不会JS ，来个JS 的帮个忙

<TABLE border=0 cellSpacing=0 cellPadding=0 width=650>

  <TR border="1">

    <TD style="FONT-SIZE: 16px">上传员工资料 </TD>

    <TD><A href="../archive_info/archive_add.aspx?type='append'">添加</A> </TD></TR>

  <TR>

    <TD colSpan=2>

      <TABLE id=tableNecessary border=0 width="99.5%">

        <TR>

          <TD style="COLOR: #333333; FONT-SIZE: 14px" bgColor=#9db8e8 

            colSpan=3>员工资料上传--必要资料 </TD></TR>

        <TR>

          <TD width="99.5%">

	<table cellspacing="0" rules="all" border="1" id="DataGridNecessary" width="100%">

		<tr>

			<td>资料名称</td><td>文件名称</td><td>操作列</td>

		</tr><tr>

			<td>户口本复印件</td><td>

														

														<span id="DataGridNecessary__ctl2_Lbl_Nece">Blue hills.jpg</span>

													</td><td>

														

														<input type="submit" name="DataGridNecessary:_ctl2:linkUpNece" value="重新上传" id="DataGridNecessary__ctl2_linkUpNece" />

													</td>

		</tr><tr>

			<td>毕业证书</td><td>

														

														<span id="DataGridNecessary__ctl3_Lbl_Nece">Blue hills.jpg</span>

													</td><td>

														

														<input type="submit" name="DataGridNecessary:_ctl3:linkUpNece" value="重新上传" id="DataGridNecessary__ctl3_linkUpNece" />

													</td>

		</tr>

	</table></TD></TR></TABLE></TD></TR>

  <TR>

    <TD colSpan=2>

      <TABLE id=tableNon width="99.5%">

        <TR>

          <TD style="COLOR: #333333; FONT-SIZE: 14px" bgColor=#9db8e8 

            colSpan=3>员工资料上传--非必要资料</TD></TR>

        <TR>

          <TD>

<table cellspacing="0" rules="all" border="1" id="DatagridNon" width="100%">

		<tr>

			<td>资料名称</td><td>文件名称</td><td>操作列</td>

		</tr><tr>

			<td>身份证复印件</td><td>

														

														<span id="DatagridNon__ctl2_Lbl_Non">Winter.jpg</span>

														<asp:HyperLink ID="href1" NavigateUrl=""></asp:HyperLink>

													</td><td>

														

														<input type="submit" name="DatagridNon:_ctl2:LinkUpNon" value="重新上传" id="DatagridNon__ctl2_LinkUpNon" />

													</td>

		</tr>

	</table></TD></TR></TABLE></TD></TR>

  <TR>

    <TD colSpan=2>

      <TABLE id=tablebtn width="99.5%">

        <TR>

          <TD width="20%" align=center>

<input type="submit" name="btn_Confirm" value="提交资料" id="btn_Confirm" /></TD></TR></TABLE></TD></TR></TABLE>

			

</td></tr></table>

[Wicho开源开发中]

不是客户端改变的啊，是程序判断客户端操作来改变的...
我的button click 怎么关联不上 啊

$(document).ready(function(){
			$("button#btnConfirm").click(function(){
				$('span',$('#<%=DatagridNon.ClientID%>')).each(function(){
					if(this.innerHTML==''){
					alert('空');
					return;
					}
				})						
			});
		});

[阿非]

$(function(){
$("#<%=btnConfirm.ClientID%>").click(function(){
$('span',$('#<%=DatagridNon.ClientID%>')).each(function(){
if(this.innerHTML==''){
alert('空');
return;
}
})
});
});

[Wicho开源开发中]

没有反应

[阿非]

没有反应?

$(function(){
  $("#<%=btnConfirm.ClientID%>").click(function(){
     alert(0);
    $('span',$('#<%=DatagridNon.ClientID%>')).each(function(){
          if(this.innerHTML==''){
              alert('空');
              return;
          }
     });   
  });
});

看对话框能出来不

[w290601645]

[Quote=引用 14 楼 shwicho 的回复:]

不是客户端改变的啊，是程序判断客户端操作来改变的...
我的button click 怎么关联不上 啊

JScript code


$(document).ready(function(){
//你的提交资料按钮的ID是btn_Confirm 不是btnConfirm
$("button#btnConfirm").click(function(){
$('span',$('#<%=DatagridNon.……
[/Quote]

<TR>
                        <TD colSpan="2">
                            <TABLE id="tablebtn" width="99.5%">
                                <TR>
                                    <TD width="20%" align="center">
                                        <asp:Button id="btn_Confirm" Runat="server" Text="提交资料"></asp:Button></TD>
                                </TR>
                            </TABLE>
                        </TD>
                    </TR>

[Wicho开源开发中]

可以弹出 第一个 ALert（）;

[Wicho开源开发中]

[Quote=引用 18 楼 w290601645 的回复:]

引用 14 楼 shwicho 的回复:

不是客户端改变的啊，是程序判断客户端操作来改变的...
我的button click 怎么关联不上 啊

JScript code


$(document).ready(function(){
//你的提交资料按钮的ID是btn_Confirm 不是btnConfirm
$("button#btnConfirm").click(f……
[/Quote]

肿么啦

[阿非]

对了, 1.1 里要用 .attrbute 的方式添加

[Wicho开源开发中]

汗颜... 03 为啥那么纠结

[阿非]

嗯, 我就快要忘记那么纠结的方式了.

你在页面上加个按钮

<input type='button' id='btnTest' />

$(function(){
$("#btnTest").click(function(){
var i=0;
$("span",$("#<%=DatagridNon.ClientID%>")).each(function(){
if(this.innerHTML==''){
alert('空');
return;
}
i++;
});
alert(i);
});
});


看下

[Wicho开源开发中]

可以走下去了

[Wicho开源开发中]

实现上图中的如下功能：如果 是否成员项未选中 能否发送项 不可用 否则 可用

	<asp:DataGrid id="DataGrid" runat="server" AutoGenerateColumns="False" Width="99%">
								<HeaderStyle Font-Size="Small" Font-Bold="True"></HeaderStyle>
								<Columns>
									<asp:BoundColumn Visible="False" DataField="id" HeaderText="id"></asp:BoundColumn>
									<asp:BoundColumn DataField="name" HeaderText="组名"></asp:BoundColumn>
									<asp:TemplateColumn HeaderText="是否成员">
										<ItemTemplate>
											<asp:CheckBox ID="CheckGroup" Runat="server"></asp:CheckBox>
										</ItemTemplate>
									</asp:TemplateColumn>
									<asp:TemplateColumn HeaderText="能否发送">
										<ItemTemplate>
											<asp:CheckBox ID="CheckSend" Runat="server"></asp:CheckBox>
										</ItemTemplate>
									</asp:TemplateColumn>
								</Columns>
							</asp:DataGrid>

[Wicho开源开发中]

[Quote=引用 23 楼 sandy945 的回复:]

嗯, 我就快要忘记那么纠结的方式了.

你在页面上加个按钮

<input type='button' id='btnTest' />

$(function(){
$("#btnTest").click(function(){
var i=0;
$("span",$("#<%=DatagridNon.ClientID%>")).each(function(……
[/Quote]

可以走到 span 里面 但是走不到里面去...

[阿非]

alert 是0 么

[yajun_snow]

            var gsdGridView = document.getElementById(GridViewID)
            for (i = 1; i < gsdGridView.rows.length; i++) {
                var inputArray = gsdGridView.rows[i].getElementsByTagName('span');
                for (var j = 0; j < inputArray.length; j++) {
                            //---
                                   }
            }

[Wicho开源开发中]

返回是1

[阿非]

那就说明执行了

你贴下生成的html 我看看 你是不是验证错控件了。

[Wicho开源开发中]

<TABLE border="0" cellSpacing="0" cellPadding="0" width="650">
					<TR border="1">
						<TD style="FONT-SIZE: 16px">上传员工资料
						</TD>
						<TD><A href="../archive_info/archive_add.aspx?type='append'">添加</A>
						</TD>
					</TR>
					<TR>
						<TD colSpan="2">
							<TABLE id="tableNecessary" border="0" width="99.5%">
								<TR>
									<TD style="COLOR: #333333; FONT-SIZE: 14px" bgColor="#9db8e8" colSpan="3">员工资料上传--必要资料
									</TD>
								</TR>
								<TR>
									<TD width="99.5%">
											<table cellspacing="0" rules="all" border="1" id="DataGridNecessary" style="width:100%;border-collapse:collapse;">
		<tr>
			<td>资料名称</td><td>文件名称</td><td>操作列</td>
		</tr><tr>
			<td>户口本复印件</td><td>
														<input name="DataGridNecessary:_ctl2:File1" id="DataGridNecessary__ctl2_File1" type="file" style="display:none;" />
														<span id="DataGridNecessary__ctl2_Lbl_Nece" style="display:;">Winter.jpg</span>
													</td><td>
														
														<input type="submit" name="DataGridNecessary:_ctl2:linkUpNece" value="重新上传" id="DataGridNecessary__ctl2_linkUpNece" />
													</td>
		</tr><tr>
			<td>毕业证书</td><td>
														<input name="DataGridNecessary:_ctl3:File1" id="DataGridNecessary__ctl3_File1" type="file" style="display:none;" />
														<span id="DataGridNecessary__ctl3_Lbl_Nece" style="display:;">Blue hills.jpg</span>
													</td><td>
														
														<input type="submit" name="DataGridNecessary:_ctl3:linkUpNece" value="重新上传" id="DataGridNecessary__ctl3_linkUpNece" />
													</td>
		</tr>
	</table></TD>
								</TR>
							</TABLE>
						</TD>
					</TR>
					<TR>
						<TD colSpan="2">
							<TABLE id="tableNon" width="99.5%">
								<TR>
									<TD style="COLOR: #333333; FONT-SIZE: 14px" bgColor="#9db8e8" colSpan="3">员工资料上传--非必要资料</TD>
								</TR>
								<TR>
									<TD>
										<table cellspacing="0" rules="all" border="1" id="DatagridNon" style="width:100%;border-collapse:collapse;">
		<tr>
			<td>资料名称</td><td>文件名称</td><td>操作列</td>
		</tr><tr>
			<td>身份证复印件</td><td>
														<input name="DatagridNon:_ctl2:File2" id="DatagridNon__ctl2_File2" type="file" style="display:none;" />
														<span id="DatagridNon__ctl2_Lbl_Non" style="display:;">Winter.jpg</span>
													</td><td>
														
														<input type="submit" name="DatagridNon:_ctl2:LinkUpNon" value="重新上传" id="DatagridNon__ctl2_LinkUpNon" />
													</td>
		</tr>
	</table></TD>
								</TR>
							</TABLE>
						</TD>
					</TR>
					<TR>
						<TD colSpan="2">
							<TABLE id="tablebtn" width="99.5%">
								<TR>
									<TD width="20%" align="center">
										<input type="submit" name="btn_Confirm" value="保存信息" id="btn_Confirm" click="javascript:NecessarySearch();" /></TD>
								</TR>
							</TABLE>
						</TD>
					</TR>
				</TABLE>

[阿非]

DatagridNon 这个table 里就一个span

<span id="DatagridNon__ctl2_Lbl_Non" style="display:;">Winter.jpg</span>

[阿非]

$(function(){
  $("#<%=btnConfirm.ClientID%>").click(function(){
    var result=false;
    $('span',$('#<%=DatagridNon.ClientID%>')).each(function(){
          if(this.innerHTML==''){
              alert('空');
              result=true;
              return;
          }
     });   
     if(result)
           return false;
     $('span',$('#<%=DataGridNecessary.ClientID%>')).each(function(){
          if(this.innerHTML==''){
              alert('空');
              result=true;
              return;
          }
     });   
     if(result)
           return false;
  });
});