js验证提交

<script type="text/javascript">
    var kong = /^$/;
    var flag = false;
    function lnTest() {
        var ur_loginName = document.getElementById("ur_loginName").value;
        var login = document.getElementById("login");
        var id = "${sessionScope.user.ur_id}";
        var ymsz = /^[A-Za-z0-9]+$/;
        var loginname = document.getElementById("loginname").value;
        if(loginname==ur_loginName){
            login.style.color = "green";                
            login.innerHTML = " √ 该用户名可以使用";
            return true;
        }else if (kong.test(ur_loginName)) {
            login.style.color = "red";
            login.innerHTML = " × 账户不可以为空";
            flag = false;
        } else if (ymsz.test(ur_loginName)) {
            xml = new XMLHttpRequest();
            xml.open("get", "AJAXServlet.do", true);
            xml.setRequestHeader("name", ur_loginName);
            xml.setRequestHeader("ur_id", id);
            xml.send(null);
            xml.onreadystatechange = function(){                
                if (xml.readyState == 4) {
                    var msg = xml.responseText;
                    var login = document.getElementById("login");
                    if (msg == 1) {
                        login.style.color = "red";
                        login.innerHTML = " × 该用户名已被使用";
                        flag = false;
                        return false;
                    } else if (msg != 1) {
                        login.style.color = "green";                
                        login.innerHTML = " √ 该用户名可以使用";
                        flag = true;
                        return true;
                    }
                }
                
                
            };
        } else {
            login.style.color = "red";
            login.innerHTML = " × 账户格式不正确 ";
            flag = false;
        }
        if (flag == true) {
            return true;
        } else {
            return false;
        }
    }

    function IDTest() {
        var ur_idcard = document.getElementById("ur_idcard").value;
        var id = document.getElementById("id");
        var idy =/(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/;
        if (kong.test(ur_idcard)) {
            id.style.color = "red";
            id.innerHTML = " × 身份证不可以为空";
            return false;
        } else if (idy.test(ur_idcard)) {
            id.style.color = "green";
            id.innerHTML = " √ ";
            SexTest();
            return true;
        } else {
            id.style.color = "red";
            id.innerHTML = " × 身份证格式不正确 ";
            return false;
        }
    }
    function SexTest() {
        var ur_idcard = document.getElementById("ur_idcard").value;
        var nan = document.getElementById("nan");
        var nv = document.getElementById("nv");        
        var arr = ur_idcard.replace(/(.)(?=[^$])/g, "$1,").split(",");
        if (arr[arr.length - 2] % 2 == 0) {
            /*  nv.checked="checked";
            nan.checked=""; */
            nv.checked = true;
            nan.checked = false;
        } else {
            nv.checked = false;
            nan.checked = true;
        }

    }
    function nmTest() {
        var ur_name = document.getElementById("ur_name").value;
        var nam = document.getElementById("nam");
        var hanzi = /^[u4e00-u9fa5]{0,4}$/;
        if (kong.test(ur_name)) {
            nam.style.color = "red";
            nam.innerHTML = " × 真实姓名不可以为空";
            return false;
        } else if (hanzi.test(ur_name)) {
            nam.style.color = "green";
            nam.innerHTML = " √ ";
            return true;
        } else {
            nam.style.color = "red";
            nam.innerHTML = " × 真实姓名格式不正确 ";
            return false;
        }
    }
    function peTest() {
        var ur_phone = document.getElementById("ur_phone").value;
        var phon = document.getElementById("phon");
        var dh = /^1[0-9]{10}$/;
        if (kong.test(ur_phone)) {
            phon.style.color = "red";
            phon.innerHTML = " × 电话不可以为空";
            return false;
        } else if (dh.test(ur_phone)) {
            phon.style.color = "green";
            phon.innerHTML = " √ ";
            return true;
        } else {
            phon.style.color = "red";
            phon.innerHTML = " × 电话格式不正确 ";
            return false;
        }
    }
    function elTest() {
        var ur_email = document.getElementById("ur_email").value;
        var emai = document.getElementById("emai");
        var em = /^[A-Za-z0-9]+([._\-]*[A-Za-z0-9])*@([A-Za-z0-9]+[-A-Za-z0-9]*[A-Za-z0-9]+.){1,63}[A-Za-z0-9]+$/;
        if (kong.test(ur_email)) {
            emai.style.color = "red";
            emai.innerHTML = " × 邮箱不可以为空";
            return false;
        } else if (em.test(ur_email)) {
            emai.style.color = "green";
            emai.innerHTML = " √ ";
            return true;
        } else {
            emai.style.color = "red";
            emai.innerHTML = " × 邮箱格式不正确 ";
            return false;
        }
    }
    function adTest() {
        var ur_address = document.getElementById("ur_address").value;
        var addr = document.getElementById("addr");
        if (kong.test(ur_address)) {
            addr.style.color = "red";
            addr.innerHTML = " × 地址不可以为空";
            return false;
        } else {
            addr.style.color = "green";
            addr.innerHTML = " √ ";
            return true;
        }
    }
    function subTest() {
        var isok = lnTest();
        var isok1 = nmTest();
        var isok2 = IDTest();
        var isok3 = peTest();
        var isok4 = elTest();
        var isok5 = adTest();
        alert(isok);
        /* alert(isok1);
        alert(isok2);
        alert(isok3);
        alert(isok4);
        alert(isok5); */
        if (isok && isok1 && isok2 && isok3 && isok4 && isok5) {
            if (confirm("保存信息？")) {
                document.getElementById("form").submit();
            } else {
                return false;
            }
        } else {
            alert("请全部填写正确后提交");
            return false;
        }
    }
</script>

使用地点：

<TR>
                                <th width="20%" align="center">用户登录名</th>
                                <TD class="BGCgray"><input name="ur_loginName" type="text"
                                    class="inputbox" id="ur_loginName"
                                    style="160px;hight:20px"
                                    value="${sessionScope.user.ur_loginName }" onblur="lnTest()"><span
                                    id="login" style="color:red"></span></TD>
                            </TR>

onblur是js的函数名，<span>标签是 addr.innerHTML眼显示的内容