動的に生成されたテキストボックスにアクセスしていくつかの検証を適用する方法

Question

私は動的にテキストボックスを生成し、以下のようにプレースホルダに追加しています。

TextBox txt = new TextBox(); 

txt.ID = "txt" + ds.Tables[0].Rows[i]["id"].ToString(); 
txt.Width = 250; 
txt.ToolTip = ds.Tables[0].Rows[i]["TotalMarks"].ToString(); 
phMemberTextboxes.Controls.Add(txt); 
phMemberTextboxes.Controls.Add(new LiteralControl("\n<br />")); 

これらのテキストボックスから値にアクセスしたいと思います。テキストボックスの値がツールヒントの値よりも小さいかどうかを確認する必要があります。もしそうなら、テキストボックスをリセットする必要があります。 どうすればいいですか？

Answer 1

uはプレースホルダ動的に生成されたコントロールを追加すると、そのIDは変更を取得し、あなたがでそれにアクセスするために最初のコントロールのClientIDを設定する必要がありますクライアント側：

txt.ClientID = "txt" + ds.Tables[0].Rows[i]["id"].ToString(); 
txt.Attributes.Add("onblur", string.Format("validateControl('{0}');", txt.ClientID); 

次に、あなたのJavaScriptで

：

あなたがチェックして、クライアント側で、またはサーバ側で、テキストボックスの値をリセットしたい

function validateControl(ctrlId){ 
    var txtCtrl = document.getElementById(ctrlId); 
    int txtVal = txtCtrl.value; 
    // Note that getAttribute doesn't work in IE 6 and requires exact property name 
    var txtMarks = parseInt(txtCtrl.getAttribute("title")); 
    if (txtVal.length < txtMarks.length){ 
     // Reset textbox value and show the message 
     txtCtrl.value = ""; 
     var msg = "Value must be greater than " + txtMarks; 
     alert(msg); 
     txtCtrl.focus(); 
    } 
} 

Answer 2

TextBoxを設定するonclick属性。

YourButton.Attributes.Add("onclick", "YourJavascriptFunction('" + txt.ClientID + "');"); 

YourJavascriptFunction

で今

function YourJavascriptFunction(ID) 
{ 
    var txtCtrl = document.getElementById(ctrlId); 
    int txtVal = txtCtrl.value; 
    // Note that getAttribute doesn't work in IE 6 and requires exact property name 
    var txtMarks = parseInt(txtCtrl.getAttribute("title")); 
    if (txtVal.length < txtMarks.length){ 
     // Reset textbox value and show the message 
     txtCtrl.value = ""; 
     var msg = "Value must be greater than " + txtMarks; 
     alert(msg); 
     txtCtrl.focus(); 
    } 

}