1.非空驗證
2.相等驗證
3.範圍驗證
4.正則驗證:/^ 內容$/ 定界符 // 開始 ^ 結尾 $ \轉義：\n \r 換行 \t 制表符 \" 雙引號 \‘單引號 * 前面的表達式可以出現n次 ? 出現一次或是零次

body：

 <form action="denglu.html" method="get">
            用戶名:<input type="text" name="yhm" id="yhm" />
            密碼：<input 
 
type="text" name="mm" id="mm" />
            確認密碼：<input type="text" name="qm" id="qm" />
            年齡：<input type="text" name="nianling" id="nianling" />
            郵箱：<input type="text" name="youxiang" id="youxiang" />
            <input type="submit" value="登錄" id="dl" onclick
 
="return YanZheng()" />
        </form>

script：

<script type="text/javascript">
        //alert("\\");
        function YanZheng()
        {
            var yhm = document.getElementById("yhm").value;
            var mm = document.getElementById("mm").value;
            var qm = document.getElementById("qm").value;
            
 
var nl = document.getElementById("nianling").value;
            var yx = document.getElementById("youxiang").value;
            var zz =  /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
            
            if(yhm=="")
            {
                alert("用戶名不能為空！");
                return false;    
            }
            else if(mm=="")
            {
                alert("密碼不能為空！");
                return false;    
            }    
            else if(qm=="")
            {
                alert("確認密碼不能為空！");
                return false;    
            }
            else if(mm!=qm)
            {
                alert("密碼不一致！");
                return false;        
            }
            else if(nl=="")
            {
                alert("年齡不能為空！");
                return false;    
            }
            else if(nl<=18 || nl>=80)
            {
                alert("年齡不符！");
                return false;        
            }
            else if(yx=="")
            {
                alert("郵箱不能為空！");
                return false;    
            }
            else if(yx.match(zz)==null)
            {
                alert("郵箱格式不正確！");
                return false;    
            }
            else
            {
                return true;    
            }
            
        }
    </script>

第二種方法：

style：

margin：0px auto;padding:0px;

body

<div style="width:500px; height:500px; border:1px solid #000;">
            <form action="lll.html" method="get" id="F">
                <input  type="text" name="yhm" class="qb"/>用戶名
                <br />
                <input  type="text" name="mm" class="qb"/>密碼
                <br />
                <input  type="text" name="qrmm"/>確認密碼
                <br />
                <input  type="text" name="yx" class="qb"/>郵箱
                <br />
                <input  type="text" name="nl" class="qb"/>年齡
                <br />
                <input  type="submit" value="提交" onclick="return dj()"/>
            </form>
        </div>

script:

    var a=["用戶名不能為空","密碼不能為空","郵箱不能為空","年齡不能為空"];
    
    function dj()
    {
        var qb=document.getElementsByClassName("qb");
        var F=document.getElementById("F");
        
        if(F[1].value!=F[2].value)
        {
            alert("密碼不一致!")
            return false;
        }
            
        for(var i=0;i<qb.length;i++)
        {
            if(qb[i].value=="")
            {    
                 alert(a[i]);
                 return false;
            }
        }
        
        if(F[4].value<18||F[4].value>50)
        {
            alert("老了")
            return false;
        }
    }
    

學習筆記之非空驗證，相等，範圍，正則驗證