表單驗證并在旁邊提示的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'>請填寫您的姓名!</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 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!