验证重复控件内的文本框 [英] validate the textbox inside a repeator control

问题描述

嘿，



我使用了一个重复器控件。

在放置文本框的内部，然后我放了一个jQuery来验证文本框。



当在重复器控件中生成多个文本框时，此jQuery无效（jQuery验证器正在为第一个文本框工作......）。 br />


当生成多个文本框时，验证无效。



这是我的jQuery。

请参考。

 <   script     type   =  text / javascript >  
 var retValue = false; 
 
函数ValidateBlock（）{
 var txtBlockName = $（input [attr-identity = txtBlockName]）。val（）; 
 
 // txtBlockName = replaceSpace（txtBlockName）; 
 
 if（txtBlockName ==）{
 
 alert（Please Enter Block Name）; 
 $（input [attr-identity = txtBlockName]）。val（''）; 
 $（input [attr-identity = txtBlockName]）。focus（）; 
 
返回false; 
} 
 else {
 
返回true; 
} 
} 
 <   / script  >  

在文本框中...

- -------------

 <   asp：Repeater     ID   =  RepBlockEntry    runat   =  server    OnItemDataBound   =  RepBlockEntry_ItemDataBound >  
 <   ItemTemplate  >  

 < span class =code-keyword><   asp：TextBox     ID   =  txtBlockName    MaxLength   =  15     runat   = < span class =code-keyword> server   文本  ='  <％ #Eval（   BlockName）％> '  
   
                                                                                                          < span class =code-attribute>                             OnTextChanged   =  txtBlockName_TextChanged    AutoPostBack   =  false    attr-identity   =  txtBlockName >  <   / asp：TextBox  >  

 <   / ItemTemplate  >  
 < ;   FooterTemplate  >  
  <   / FooterTemplate  >  
 <   / asp：Repeater  >  

按钮...

---------------------

< pre lang =xml> < asp：按钮 ID = btnSaveBlock runat = server 文字 = 保存 可见 = false CssClass = addbutton ValidationGroup = BlockEntry < span class =code-attribute> OnClick = btnSubmitBlock_Click OnClientClick = 返回ValidateBlock（）; / >

解决方案

（input [attr -identity = txtBlockName]）VAL（）;

// txtBlockName = replaceSpace（txtBlockName）;

if（txtBlockName ==）{

alert（Please Enter Block Name）;

（输入[ attr-identity = txtBlockName]）。val（''）;

（input [attr-identity = txtBlockName]）。focus（）;

返回false;
}
else {

返回true;
}
}
< / script >

在文本框中...

- -------------

 <   asp：Repeater     ID   =  RepBlockEntry    runat   =  server    OnItemDataBound   =  RepBlockEntry_ItemDataBound >  
 <   ItemTemplate  >  

 < span class =code-keyword><   asp：TextBox     ID   =  txtBlockName    MaxLength   =  15     runat   = < span class =code-keyword> server   文本  ='  <％ #Eval（   BlockName）％> '  
   
                                                                                                          < span class =code-attribute>                             OnTextChanged   =  txtBlockName_TextChanged    AutoPostBack   =  false    attr-identity   =  txtBlockName >  <   / asp：TextBox  >  

 <   / ItemTemplate  >  
 < ;   FooterTemplate  >  
  <   / FooterTemplate  >  
 <   / asp：Repeater  >  

按钮...

---------------------

< pre lang =xml> < asp：按钮 ID = btnSaveBlock runat = server 文字 = 保存 可见 = false CssClass = addbutton ValidationGroup = BlockEntry < span class =code-attribute> OnClick = btnSubmitBlock_Click OnClientClick = 返回ValidateBlock（）; / >

Hey,

I use a repeator control.
Inside that a textbox is placed, then I put a jQuery for validate that textbox.

When more than one textbox is generated inside the repeator control, this jQuery is not working (jQuery validator is working for the first textbox...).

When more than one textbox is generated the validation is not working.

Here is my jQuery.
Please refer that.

<script type="text/javascript">
         var retValue = false;

         function ValidateBlock() {
             var txtBlockName = $("input[attr-identity=txtBlockName]").val();

           //  txtBlockName = replaceSpace(txtBlockName);

             if (txtBlockName == "") {

                alert("Please Enter Block Name");
                 $("input[attr-identity=txtBlockName ]").val('');
                 $("input[attr-identity=txtBlockName ]").focus();

                 return false;
             }
             else {

                 return true;
             }
         }
</script>

In text box...
--------------

<asp:Repeater ID="RepBlockEntry" runat="server" OnItemDataBound="RepBlockEntry_ItemDataBound">
                                                   <ItemTemplate>

<asp:TextBox ID="txtBlockName" MaxLength="15" runat="server" Text='<%#Eval("BlockName") %>'

                                                                  OnTextChanged="txtBlockName_TextChanged" AutoPostBack="false" attr-identity="txtBlockName"></asp:TextBox>

</ItemTemplate>
    <FooterTemplate>
    </FooterTemplate>
</asp:Repeater>

On button ...
---------------------

<asp:Button ID="btnSaveBlock" runat="server" Text="Save" Visible="false" CssClass="addbutton" ValidationGroup="BlockEntry" OnClick="btnSubmitBlock_Click" OnClientClick="return ValidateBlock();" />

解决方案

("input[attr-identity=txtBlockName]").val(); // txtBlockName = replaceSpace(txtBlockName); if (txtBlockName == "") { alert("Please Enter Block Name");

("input[attr-identity=txtBlockName ]").val('');

("input[attr-identity=txtBlockName ]").focus(); return false; } else { return true; } } </script>

In text box...
--------------

<asp:Repeater ID="RepBlockEntry" runat="server" OnItemDataBound="RepBlockEntry_ItemDataBound">
                                                   <ItemTemplate>

<asp:TextBox ID="txtBlockName" MaxLength="15" runat="server" Text='<%#Eval("BlockName") %>'

                                                                  OnTextChanged="txtBlockName_TextChanged" AutoPostBack="false" attr-identity="txtBlockName"></asp:TextBox>

</ItemTemplate>
    <FooterTemplate>
    </FooterTemplate>
</asp:Repeater>

On button ...
---------------------

<asp:Button ID="btnSaveBlock" runat="server" Text="Save" Visible="false" CssClass="addbutton" ValidationGroup="BlockEntry" OnClick="btnSubmitBlock_Click" OnClientClick="return ValidateBlock();" />

这篇关于验证重复控件内的文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！