2011-01-31 7 views
0

3つのテキストボックスを使用しています。 2番目のテキストボックスをクリックすると、1番目のテキストボックスが検証をパスした場合、1番目のテキストボックスの値をメッセージボックスに表示します。 3番目のテキストボックスをクリックしたときと同じ手順メッセージボックスに1番目のテキストボックス値と2番目のテキストボックス値を表示したい(1番目のテキストボックス、2番目のテキストボックスが検証に合格した場合)。あなたがマウスオーバー時に機能が起動したい場合はマウスカーソルがテキストボックスに入力されたときにメッセージボックスにデータを入力するにはどうすればよいですか?

よろしく、 NSJ

答えて

0

は、テキストボックスにonmouseoverイベントを使用してください。

カーソルがコントロールに移動したときに関数を起動する場合は、テキストボックスにonfocusイベントを使用します。

テキストボックス2(マウスオーバー):

onmouseover="alert(textbox1.value);" 

テキストボックス3(フォーカス):

onfocus="alert(textbox1.value + ' ' + textbox2.value);" 

あなたはjQueryのようなJavaScriptライブラリを使用している場合、それは維持するために、それを介してattach to the eventsにベストです関心事の分離。

0

この方法を試してください。

ASPX:

<asp:TextBox ID="txtFirst" runat="server" Text="First"></asp:TextBox> 
<asp:TextBox ID="txtSecond" runat="server" Text="Second"></asp:TextBox><br /> 
<asp:TextBox ID="txtThird" runat="server" Text="Third"></asp:TextBox><br /> 

JAVASCRIPT:

$(document).ready(function(){ 
$("#txtSecond").focus(function(){ 
    alert($("#txtFirst").val()); 
}); 
$("#txtThird").focus(function(){ 
    alert($("#txtFirst").val()); 
    alert($("#txtSecond").val()); 
}); 
}); 
関連する問題