特种兵—AK47

关注产品细节,重视用户体验

表单验证

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript"> 










function check(obj){ 
if(obj.value.length < 6 || obj.value.length > 16) { 


document.getElementById("errorinfo").style.display = "block"; 
document.getElementById("submit").disabled = true; 

  
  
  
  else { 
  
  document.getElementById("errorinfo").style.display = "none"; 
  document.getElementById("submit").disabled = false;  
  } 
  
  
    

function checkPwd(obj) 

  if (obj.value.length < 6 || obj.value.length > 16) { 
  document.getElementById("errorpwd").style.display = "block"; 
  document.getElementById("submit").disabled = true; 
  
  
  
  } 
  else { 
  
  document.getElementById("errorpwd").style.display = "none"; 
  document.getElementById("submit").disabled = false; 
  
  } 
  
    

function checkRePwd(obj) 

  var p=document.getElementById("password"); 
  if(obj.value.length<6||obj.value.length>16) 
  { 
     document.getElementById("errorrepwd1").style.display = "block"; 
      document.getElementById("submit").disabled = true; 
     
    


  } 
  if (p.value != obj.value) { 
  document.getElementById("errorrepwd2").style.display = "block"; 
  document.getElementById("submit").disabled = true; 
  
  
  
  } 
  else { 
    document.getElementById("errorrepwd1").style.display = "none"; 
  document.getElementById("errorrepwd2").style.display = "none"; 
  document.getElementById("submit").disabled = false; 
  
  } 
  
    

function checkemail(obj) 

var cEmail=obj.value; 


if(cEmail.match(/[\w-]+@{1}[\w-]+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig)!=cEmail){ 
  document.getElementById("erroremail").style.display = "block"; 
   document.getElementById("submit").disabled = true; 
  
  } 
else{ 
  document.getElementById("erroremail").style.display = "none"; 
   document.getElementById("submit").disabled = false; 
  
  } 




  
    

function checkqq(obj){ 
var q=obj.value; 
var filter=/^\s*[.0-9]{5,10}\s*$/; 
    if(!filter.test(q)){ 
    document.getElementById("errorqq").style.display = "block"; 
    }else{ 
    document.getElementById("errorqq").style.display = "none"; 
    








</script> 












<link href="<%=request.getContextPath()%>/style.css" rel="stylesheet" type="text/css"> 
</head> 


<body bgcolor="#CCCCCC"  > 
<p style="color:#FF0000" align="center">温馨提示:带&quot;*&quot;为必填内容</p> 


<form name="form1" method="post" action="servlet/RegisterServlet" > 
  <table width="41%" height="300" border="0" align="center" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> 
    <tr bgcolor="#FFFFFF"> 
      <td height="27" colspan="2" align="center" background="images/table.gif"><strong><font color="#FFFFFF">欢迎加入</font></strong></td> 
    </tr> 
    <tr bgcolor="#FFFFFF"> 
      <td width="19%" height="27" align="center">账号:</td> 
      <td width="81%" height="27"><input name="username" type="text" id="username" onblur="check(this)"/> 
     * <div style="display:none" id="errorinfo">账号长度必须在6至16个字符之间</div></td> 
     
    </tr> 
    <tr bgcolor="#FFFFFF"> 
      <td width="19%" height="27" align="center">密码:</td> 
      <td width="81%" height="27"><input name="password" type="password" id="password" onblur="checkPwd(this)"/> 
     * <div style="display:none" id="errorpwd">密码长度必须在6至16个字符之间</div></td> 
    </tr> 
    <tr bgcolor="#FFFFFF"> 
      <td width="19%" height="27" align="center">再次输入密码:</td> 
      <td width="81%" height="27"><input name="rePassword" type="password" id="rePassword" onblur="checkRePwd(this)" /> 
     * 
      <div style="display:none" id="errorrepwd1">两次输入密码不一致</div> 
      <div style="display:none" id="errorrepwd2">密码长度必须在6至16个字符之间</div></td> 
    </tr> 
    <tr bgcolor="#FFFFFF"> 
      <td height="27" align="center">性别:</td> 
      <td height="27"><select name="sex" id="sex"> 
          <option value="男" selected>男</option> 
          <option value="女">女</option> 
        </select></td> 
    </tr> 
    <tr bgcolor="#FFFFFF"> 
      <td height="27" align="center">邮件:</td> 
      <td height="27"><input name="email" type="text" id="email" onblur="checkemail(this)"/>* 
<div style="display:none" id="erroremail">输入邮箱格式有误</div></td> 


    </tr> 
   
    <tr bgcolor="#FFFFFF"> 
      <td height="31" align="center">QQ:</td> 
      <td height="31"><input name="qq" type="text" id="qq" onblur="checkqq(this)" /> 
     


      <div style="display:none" id="errorqq">请输入正确的qq</div></td> 
    </tr> 
    <tr bgcolor="#FFFFFF"> 
      <td height="31" align="center">头象:</td> 
      <td height="31"><input name="tx" type="radio" value="images/face01.gif" checked> 
        <img src="<%=basePath%>images/face01.gif" width="32" height="32"> 
        <input type="radio" name="tx" value="images/face02.gif"> 
        <img src="<%=basePath%>images/face02.gif" width="32" height="32"> 
        <input type="radio" name="tx" value="images/face03.gif"> 
        <img src="<%=basePath%>images/face03.gif" width="32" height="32"> <br> 
        <input type="radio" name="tx" value="images/face04.gif"> 
        <img src="<%=basePath%>images/face04.gif" width="32" height="32"> 
        <input type="radio" name="tx" value="images/face05.gif"> 
        <img src="<%=basePath%>images/face05.gif" width="32" height="32"> 
        <input type="radio" name="tx" value="images/face06.gif"> 
        <img src="<%=basePath%>images/face06.gif" width="32" height="32"></td> 
    </tr> 
    
    <tr bgcolor="#FFFFFF"> 
    
      <td height="31" colspan="2" align="center"> 
       <input type="submit" value="提交"  id="submit" style="width:50px" disabled="disabled"/>    &nbsp;&nbsp; 
  <input style="width:50px;" type="reset" value="重置"/>&nbsp;&nbsp; 
  <input style="width:50px;" type="button" value="返回" onClick="window.location.href='http://localhost:8080/lastuse/servlet/QueryServlet'"> 
      </td> 
    </tr> 
  </table> 
</form>


阅读更多
个人分类: html页面
想对作者说点什么? 我来说一句

validformv1.0

2011年07月05日 24KB 下载

jQuery表单验证大全

2009年11月17日 73KB 下载

EXT 表单验证EXT 表单验证

2011年08月22日 360KB 下载

jquery验证测试

2011年05月04日 8.12MB 下载

js表单验证s表单验证s表单验证

2011年06月01日 13KB 下载

stuts表单验证。还成吧

2008年09月17日 12KB 下载

js表单验证

2011年10月21日 151KB 下载

jquery的表单验证

2010年05月02日 5KB 下载

表单验证大全表单验证大全

2008年12月30日 94KB 下载

jquery表单验证

2010年08月05日 21KB 下载

没有更多推荐了,返回首页

不良信息举报

表单验证

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭