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