通过JavaScript进行验证

来源:互联网 发布:淘宝倒计时活动怎么弄 编辑:程序博客网 时间:2024/05/05 20:54

实例如下:javascript.html文件

 

<html>

     <head>

          <title>JavaScript验证</title>

     </head>

 

     <script language='JavaScript'>

          function check()

          {

                if(form1.text1.value=="")  //验证姓名是否为空

                {

                       window.alert("用户名不能为空,请重新输入");

                       form1.elements(0).focus();

                }

                else if(form1.text2.value=="")  //验证Emai是否为空

                {

                       window.alert("Email不能为空,请重新输入");

                       form1.elements(1).focus();

                }

                else if(form1.text2.value.indexOf('@')==-1)  //验证Emai是否没有@而输入错误

                {

                       window.alert("Email中必须含有@字符,请重新输入");

                       form1.text2.value="";

                       form1.elements(1).focus();

                }

                else

                       form1.submit();  //通过所有的验证,送出表单中的资料

          }

     </script>

 

     <body>

          <form action="javascript.jsp" method=post name=form1>

               姓名:<input type=text name=text1 size=10><br>

               Email:<input type=text name=text2 size=10><br>

               <input type=button name=button1 value="确定" onclick=check()>

          </form>

     </body>

</html>