Code666 (代码贴、代码片段)

[JavaScript] 表单验证并在旁边提示 →→→→→进入此内容的聊天室

来自 , 2020-09-05, 写在 JavaScript, 查看 106 次.
URL http://www.code666.cn/view/252a3dba
  1. <script language="javascript">
  2.         function judge(x){
  3.                 if(x=="n"){
  4.                         var n=document.getElementById("name").value;
  5.                         if(n==""){
  6.                                 document.getElementById("put").innerHTML="提示信息：<span style='colo=#F00'>请填写您的姓名！</span>";
  7.                                 document.getElementById("tj").disabled=true;
  8.                                 }
  9.                                 else{
  10.                                 document.getElementById("put").innerHTML="";
  11.                                 document.getElementById("tj").disabled=false;
  12.                                         }
  13.                         }
  14.                 else if(x=="p"){
  15.                                 var p=document.getElementById("phone").value;
  16.                                 if(p==""){
  17.                                 document.getElementById("put").innerHTML="提示信息：<span style='colo=#F00'>请填写您的手机号码！</span>";
  18.                                 document.getElementById("tj").disabled=true;
  19.                                 }
  20.                                 else if(p.length!=11){
  21.                                 document.getElementById("put").innerHTML="提示信息：<span style='colo=#F00'>请填您正确的联系方式，以便我们联系您！</span>";
  22.                                 document.getElementById("tj").disabled=true;
  23.                                         }
  24.                                 else{
  25.                                 document.getElementById("put").innerHTML="";
  26.                                 document.getElementById("tj").disabled=false;
  27.                                         }
  28.                                         }
  29.                 else if(x=="q"){
  30.                                 var q=document.getElementById("qq").value;
  31.                                 if(q==""){
  32.                                         document.getElementById("put").innerHTML="提示信息：<span style='colo=#F00'>请填写您的常用qq！</span>";
  33.                                         document.getElementById("tj").disabled=true;
  34.                                         }
  35.                                         else if(isNaN(q)){
  36.                                         document.getElementById("put").innerHTML="提示信息：<span style='colo=#F00'>请填写您正确的常用qq，以便我们联系您！</span>";
  37.                                         document.getElementById("tj").disabled=true;
  38.                                                 }
  39.                                         else{
  40.                                         document.getElementById("put").innerHTML="";
  41.                                         document.getElementById("tj").disabled=false;
  42.                                                 }
  43.                                
  44.                                         }
  45.                 }
  46. </script>
  47. <form method="post" action="" >
  48.             姓名：<input id="name" type="text" name="name"  onblur="judge('n');"/>
  49.             手机：<input name="phone"  id="phone" type="text" size="15" onblur="judge('p');" />
  50.            常用QQ：<input name="qq" id="qq" type="text" size="15" onblur="judge('q')"/>
  51.         <input type="radio" name="way" value="接收手机短息"  checked="true" /><input type="radio" name="way" value="邮寄邀请函"  />
  52.         留言：<textarea name="msg"></textarea>
  53.         <input type="submit" id="tj" onclick="judge('n')"  class="action" value=""/>
  54.         </form>
  55.         <p id="put"></p>
  56.  

回复 "表单验证并在旁边提示"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666