javascript表單驗證

標籤：

1、概述

2、String對象

範例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>表單驗證</title>    <style type="text/css">     .right{ text-align:right;}    </style>    <script type="text/javascript">     function check () {   var email = document.getElementById("email").value;      if (email == "") {    alert("Email不可為空");    return false;   }   if (email.indexOf("@")== -1 || email.indexOf(".")== -1) {    alert("Email格式不正確。");    return false;   }      var pwd = document.getElementById("pwd").value;   if (pwd == ""){    alert("密碼不可為空。");    return false;   }   if (pwd.length < 6) {    alert("密碼長度不能小於6位。");    return false;   }      var repwd = document.getElementById("repwd").value;    if (repwd != pwd) {    alert("兩次輸入密碼不一致。");    return false;   }      var user = document.getElementById("user").value;   if (user == "") {    alert("姓名不可為空。");    return false;   }   for (var i = 0 ; i < user.length ; i++) {    var j = user.substring(i,i+1);    if (isNaN(j) == false) {     alert("姓名中不能包含數字。");     return false;    }   }      return true;  }    </script></head><body> <table id="center" border="0" cellpadding="0" cellspacing="3">     <tr>         <td colspan="2" style="padding-left:120px; font-weight:bold;">註冊休閑網</td>        </tr>        <form action="" method="post" onsubmit="return check();" id="myForm">            <tr>                <td class="right">您的email:</td>                <td><input id="email" type="text"/></td>            </tr>            <tr>                <td class="right">輸入密碼:</td>                <td><input id="pwd" type="password"/></td>            </tr>            <tr>                <td class="right">再輸入一遍密碼:</td>                <td><input id="repwd" type="password"/></td>            </tr>            <tr>                <td class="right">您的姓名:</td>                <td><input id="user" type="text"/></td>            </tr>            <tr>             <td colspan="2" style="text-align:center"><input type="submit" value="提交"/></td>            </tr>        </form>    </table></body></html>

執行結果：

 

javascript表單驗證