当鼠标光标进入文本框时,如何填充消息框?

时间:2011-01-31 08:10:00

标签: javascript asp.net

我正在使用3个文本框。当我点击第二个文本框时,我想在消息框中显示第一个文本框值(如果第一个文本框通过了验证)。 当我点击第三个文本框时我想在消息框中显示第一个文本框值和第二个文本框值(如果是第一个文本框,第二个文本框通过了验证)。

此致 NSJ

2 个答案:

答案 0 :(得分:0)

如果希望在鼠标移动时触发该功能,请在文本框中使用onmouseover事件。

如果您希望在光标移动到控件中时触发该功能,请在文本框中使用onfocus事件。

文本框2(鼠标悬停):

onmouseover="alert(textbox1.value);" 

文本框3(焦点):

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

如果你使用的是像jQuery这样的javascript库,最好通过attach to the events来保持关注点的分离。

答案 1 :(得分: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());
});
});