私はC#でASP.NETに取り組んでいます。
がありTextBox
、ユーザーが の正しい長さを書いているかどうかを検証したいと思いますTextBox
。
ユーザーが正しい長さを入力していない場合は、メッセージをラベルに表示したいと考えています。しかし、ユーザーが書いているときに、このチェックをオンザフライで実行したいと考えています。
これどうやってするの?
ありがとう。
私はC#でASP.NETに取り組んでいます。
がありTextBox
、ユーザーが の正しい長さを書いているかどうかを検証したいと思いますTextBox
。
ユーザーが正しい長さを入力していない場合は、メッセージをラベルに表示したいと考えています。しかし、ユーザーが書いているときに、このチェックをオンザフライで実行したいと考えています。
これどうやってするの?
ありがとう。
これらがasp.net要素であるとします
<asp:label id="message" runat="server"/><br/>
<asp:textbox runat="server" id="txtTest"/>
js は次のようになります。
$(function(){
$("input[id$='txtTest']").bind('keypress', function(){
if($("input[id$='txtTest']").val().length < 10)
$("[id$='message']").text('incorrect length');
else
$("[id$='message']").text('');
});
});
id$='message
andinput[id$='txtTest']
は jQuery ではid が次で終わることを意味することに注意してください
サーバーで実行する要素をマークすると、asp.net は、ページの名前に基づいて、実際のクライアント ID の先頭に他の名前を追加します。
ここに動作デモがあります
それには jQuery を使用します。テキストボックスの横に div を配置し、テキスト ボックスの onchange() イベントをフックし、テキスト ボックスの val() の長さが十分でない場合は、jQuery にメッセージを div に入力させるだけです。
<input type="text" id="myTextBox" onchange="changeMessage" />
<div id="message"></div>
<script>
function changeMessage(){
var textboxLength = $('#myTextBox').val().length;
if(textboxLength < ...){
$('#message').html('Your Message');
}
}
</script>