表單驗證并在旁邊提示的JS代碼

dy223 9年前發布 | 2K 次閱讀 JavaScript

<script language="javascript">
    function judge(x){
        if(x=="n"){
            var n=document.getElementById("name").value;
            if(n==""){
                document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>請填寫您的姓名!</span>";
                document.getElementById("tj").disabled=true;
                }
                else{
                document.getElementById("put").innerHTML="";
                document.getElementById("tj").disabled=false;
                    }
            }
        else if(x=="p"){
                var p=document.getElementById("phone").value;
                if(p==""){
                document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>請填寫您的手機號碼!</span>";
                document.getElementById("tj").disabled=true;
                }
                else if(p.length!=11){
                document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>請填您正確的聯系方式,以便我們聯系您!</span>";
                document.getElementById("tj").disabled=true;
                    }
                else{
                document.getElementById("put").innerHTML="";
                document.getElementById("tj").disabled=false;
                    }
                    }
        else if(x=="q"){
                var q=document.getElementById("qq").value;
                if(q==""){
                    document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>請填寫您的常用qq!</span>";
                    document.getElementById("tj").disabled=true;
                    }
                    else if(isNaN(q)){
                    document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>請填寫您正確的常用qq,以便我們聯系您!</span>";
                    document.getElementById("tj").disabled=true;
                        }
                    else{
                    document.getElementById("put").innerHTML="";
                    document.getElementById("tj").disabled=false;
                        }

                }
    }

</script> <form method="post" action="" > 姓名:<input id="name" type="text" name="name" onblur="judge('n');"/> 手機:<input name="phone" id="phone" type="text" size="15" onblur="judge('p');" /> 常用QQ:<input name="qq" id="qq" type="text" size="15" onblur="judge('q')"/> <input type="radio" name="way" value="接收手機短息" checked="true" /><input type="radio" name="way" value="郵寄邀請函" /> 留言:<textarea name="msg"></textarea> <input type="submit" id="tj" onclick="judge('n')" class="action" value=""/> </form> <p id="put"></p></pre>

 本文由用戶 dy223 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!