JQueryを使用してRepeater内のDIV要素にアクセスする方法

Question

したがって、テキストボックスと除外する検証テキストを含むdivを持つASP.NETリピータコントロールがあります。テキストボックスに特殊文字が入力されている場合、このdivを表示しようとしています。私はjqueryの正規表現をすべてのテキストボックスに適用することに成功しましたが、エラーdivを表示するには、入力がユーザーによって入力されているテキストボックス行に検証エラーを適用する方法を理解しようとしています。この特定の行のメッセージ。私はそれを最初の行で動作させることができますが、リピーターはHTML内に独自のコントロールIDを作成しているので、これについてどうやって行くのかと思いました。ここに私のコードは次のとおりです。

$(function(){ 

$('[id*=txtbox1]').keyup(function() 
{ 
    var Input = $(this).val(); 
    re = /[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi; 
    var SplChar = re.test(Input); 
    if(SplChar) 
    { 
     var replchar = Input.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, ''); 
     $(this).val(replchar); 
        $('#ErrorDiv').show(); 
    } 
});}); 



<asp:Repeater ID="rptItems" runat="server"> 
<ItemTemplate> 
      <asp:textbox ID="txtbox1" runat="server" Text='<%# Eval("Questions") %>' /> 
      <div id="ErrorDiv" style="display: none;">No special characters</div> 
</ItemTemplate> 

任意の提案ですか？ヘルプをよろしくお願いいたします。

Answer 1

ですから、この

$(".question").keyup(function() ...

から

$('[id*=txtbox1]').keyup(function() ...

を置き換えることができますので、

<asp:textbox ID="txtbox1" class="question" runat="server" Text='<%# Eval("Questions") %>' />

のようなあなたのテキストボックスのHTMLにクラスを追加します。

---

IDは一意でなければならず、あなたのリピータは同じIDで複数のdivを作成するため、この#ErrorDivは機能しません。したがってid="ErrorDiv"をclass="errorDiv"に変更してください。

間違っ

$('#ErrorDiv').show();

正しい

// $('#ErrorDiv').show(); 
$(this).next(".errorDiv").show(); 

Answer 2

テキストボックス - のidのがユニークであるので、あなたが直面している問題があります。唯一解決策は、getElementsByNameまたはそのclass名前を使用して要素を選択することです。