javaScriptDay3-1

最新推荐文章于 2024-02-08 00:53:17 发布

u010436741

最新推荐文章于 2024-02-08 00:53:17 发布

阅读量128

点赞数

分类专栏： JavaScript 文章标签： javaScriptDay3-1

本文链接：https://blog.csdn.net/u010436741/article/details/17266649

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

图

<html>
<h2>请输入你的姓名和年龄</h2>
<head>
<script language="JavaScript" type="text/javascript">
function buttCheckForm_onclick()
{
   var myForm1 = document.form1;
   if(myForm1.txtName.value == "" || myForm1.txtAge.value == "")
   {
       alert("请把信息填写完整");
       if(myForm1.txtName.value == "")
           myForm1.txtName.focus();
       else
           myForm1.txtAge.focus();
   }else
       alert("灰常感谢!");
}
function txtAge_onblur()
{
   var txtAge = document.form1.txtAge;
   if(isNaN(txtAge.value) == true)
   {
       alert("请输入有效的年龄");
       txtAge.focus();
       txtAge.select();
   }else{
       var numAge = Number(txtAge.value);
       if(numAge < 0 || numAge >170)
       {
           if(numAge <=0)
           {
               alert("比小孩还小");
               txtAge.focus();
               txtAge.select();
           }
           else
           {
               alert("你活腻了");
               txtAge.focus();
               txtAge.select();
           }
       }
   }
}
function txtName_onchange()
{
   window.status = "Hi "+document.form1.txtName.value+" 小子";
}
</script>
</head>
<body>
<form name="form1">
姓名<br>
<input type="text" name="txtName" οnchange="txtName_onchange()"><br>
年龄<br>
<input type="tex" name="txtAge" size=3 maxlength=3 οnblur="txtAge_onblur()"><br>
<input type="button" name="myButton" value="确定" οnclick="buttCheckForm_onclick()">

</form>
</body>
</html>