关于TextBox失去焦点后触发事件的有关问题
日期：2014-05-18 浏览次数：20479 次
关于TextBox失去焦点后触发事件的问题
现在在页面中有两个TextBox ，TextBox1和TextBox2 一个用来输入出生年月，一个用来输入年龄
我现在要实现这种功能，当在TextBox1中输入1980-7-7 的时候，当鼠标移出TextBox1的时候，TextBox2 马上得到数值28（2008-1980）
请问一下这种功能如何实现，最好来点代码 小弟新手，对Javascript不熟悉 谢谢
------解决方案--------------------
onBlur="aa(this)"
function aa(obj)
{
t=document.getElementById("TextBox2").value-obj.value.substring(0,4);
alert(t);
}
------解决方案--------------------
<script type ="text/javascript">
function hh()
{
var e= document.getElementById('<%=TextBox1.ClientID %>').value;
document.getElementById('<%=TextBox2.ClientID %>').value = (2008*1-e.substring(0,4)*1);
}
</script>
------解决方案--------------------
用my97 日历控件 可以解决吧
------解决方案--------------------
用javascript就可以实现:
在网页代码中加入如下代码:
<input type="text" id="textbox1" onblur="text_changed()">
<input type="text" id="textbox2">
在<head>与</head>之间加入如下代码:
</script language="javascript">
function text_changed(){
var e=document.getElementById("textbox1").value;
document.getElementById("textbox2").value=2008-parseInt(e.substring(0,4));
}
</script>
------解决方案--------------------
试过了,可以:
<head runat="server">
<title>无标题页</title>
<script language ="javascript" type ="text/javascript" >
function showAge()
{
var borndate=document.getElementById ("TextBox1").value;
var yearBorn=borndate.substring(0,4);
var currentDate=new Date();
var currentYear=currentDate.getFullYear ();
var Age=currentYear-yearBorn;
document.getElementById ("TextBox2").value=Age;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" onblur="showAge();"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox></div>
</form>
</body>
</html>
现在在页面中有两个TextBox ，TextBox1和TextBox2 一个用来输入出生年月，一个用来输入年龄
我现在要实现这种功能，当在TextBox1中输入1980-7-7 的时候，当鼠标移出TextBox1的时候，TextBox2 马上得到数值28（2008-1980）
请问一下这种功能如何实现，最好来点代码 小弟新手，对Javascript不熟悉 谢谢
------解决方案--------------------
onBlur="aa(this)"
function aa(obj)
{
t=document.getElementById("TextBox2").value-obj.value.substring(0,4);
alert(t);
}
------解决方案--------------------
<script type ="text/javascript">
function hh()
{
var e= document.getElementById('<%=TextBox1.ClientID %>').value;
document.getElementById('<%=TextBox2.ClientID %>').value = (2008*1-e.substring(0,4)*1);
}
</script>
------解决方案--------------------
用my97 日历控件 可以解决吧
------解决方案--------------------
用javascript就可以实现:
在网页代码中加入如下代码:
<input type="text" id="textbox1" onblur="text_changed()">
<input type="text" id="textbox2">
在<head>与</head>之间加入如下代码:
</script language="javascript">
function text_changed(){
var e=document.getElementById("textbox1").value;
document.getElementById("textbox2").value=2008-parseInt(e.substring(0,4));
}
</script>
------解决方案--------------------
试过了,可以:
<head runat="server">
<title>无标题页</title>
<script language ="javascript" type ="text/javascript" >
function showAge()
{
var borndate=document.getElementById ("TextBox1").value;
var yearBorn=borndate.substring(0,4);
var currentDate=new Date();
var currentYear=currentDate.getFullYear ();
var Age=currentYear-yearBorn;
document.getElementById ("TextBox2").value=Age;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" onblur="showAge();"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox></div>
</form>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
