通過JavaScript進行驗證

實例如下: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="確定" οnclick=check()>

          </form>

     </body>

</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章