表单验证并在旁边提示的JS代码详解编程语言

<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'>请填写您的姓名!"; 
                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'>请填写您的手机号码!"; 
                document.getElementById("tj").disabled=true; 
                } 
                else if(p.length!=11){ 
                document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>请填您正确的联系方式,以便我们联系您!"; 
                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!"; 
                    document.getElementById("tj").disabled=true; 
                    } 
                    else if(isNaN(q)){ 
                    document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>请填写您正确的常用qq,以便我们联系您!"; 
                    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>

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/8878.html

(0)
上一篇 2021年7月18日 22:22
下一篇 2021年7月18日 22:22

相关推荐

发表回复

登录后才能评论