首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

注册表单验证点击按钮弹不出提示框解决方案

2012-04-26 
注册表单验证点击按钮弹不出提示框htmlheadmeta http-equivContent-Type contenttext/html cha

注册表单验证点击按钮弹不出提示框
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <script>
  function checkedata(){
  var nns=rigistForm.userName.value.toLowerCase();
  if(!checkUserName(nns))
  return false;
  var pass=rigistForm.password1.value;
  if(!checkPassword(pass)<6||checkPassword(pass)>16){
  alert("正确的登录密码长度为6~16位,仅可用英文字母数字下划线");
  rigistForm.password1.focus();
  return false;

  }
  if(checkPassword(pass)){

  alert("您的密码中包含了非法字符,仅可用英文字母数字和下划线");
  registForm.password1.focus();
  return false;
  }
  var pass2=rigistForm.password2.value;
  if(checkPassword2(pass2)==""){

  alert("请输入密码确认");
  rigistForm.password2.focus();
  return false;
  }
  if(pass2!=pass){
  alert("两次密码输入不一致");
  rigistForm.password1.focus();
  return false;

  }
  if(!rigistForm.sex(0).checked||rigistForm.sex(1).checked){
  alert("请选择性别");
  rigistForm.sex(0).focus();
  return false;
  }
  if(rigistForm.province.selectedIndex==0){

  alert("请选择城市");
  rigistForm.province.focus();
  return false;
  }
if(!rigistForm.intrest.value==""){
  altert("兴趣爱好不能为空");
  rigistForm.intrest.focus();
  return false;
}
if(!rigistForm.introduce.value==""){
  altert("个人简介不能为空");
  rigistForm.introduce.focus();
  return false;
}
  }




  function checkUserName(nns){
  if(nns.length<3||nns.length>15)
  alert("请输入正确的用户名,用户名的长度为3~15");
  rigistForm.userName.focus();
  return false;

  if(isWaitSpace(nns)){
  alert("请输入正确的用户名,用户名中不能包含空格");

  rigistForm.userName.focus();
  return false;
  }
  if(!isasString(nns)){
  alert("对不起您的用户名不准确或已经被占用,用户名是a~z的英文字母不区分大小写,0~9的数字");

  rigistForm.userName.focus();
  return false;

  } return true;
}
  function checkPassword(pass){
  var len;
  var i;
  len=0;
  for(i=0;i<pass.length;i++){
  if(pass.charCodeAt(i)>255)
  len+=2;
  else len++;
  }
  return len;

  }
  function checkPassword2(pass2){
  var len;
  var i;
  len=0;
  for(i=0;i<pass2.length;i++){
  if(pass2.charCodeAt(i)>255)
  return true;


  }

  function isWaitSpace(s){
  var waitspace= " \t\n\r";
  var i;
  for(i=0;i<s.length;i++){
  var c=s.charAt(i);
  if(waitspace.indexOf(c)>=0){
  return true;

  }}
  return false;
  }
  function isasString(nns){
  var re=/^[^0-9]{1}[_0-9a-z]{5,15}$/i;


  if(!re.test(nns))
  return true;
  else
  return false;
 }

  </script>

  </head>
  <body>
  <form name="rigistForm" action="rigisyServlet" onSubmit="return checkedata()"method="POST">
  <table>
  <tr>
  <td>姓名</td><td><input type="text" name="userName"></td>

  </tr>
  <tr>
  <td>密码</td><td><input type="password" name="password1"></td>

  </tr>
  <tr>
  <td>确认密码</td><td><input type="password" name="password2"></td>

  </tr>
  <tr>
<td>性别:</td><td><input name="sex" type="radio" >男
<input name="sex" type="radio">女</td>
</tr>
   
  <tr>
<td>城市</td>
<td><select name="province" size="3" >
<option value= "北京">北京</option>
<option value="上海">上海</option>
<option value="湖南">湖南</option>
<option value="湖北">湖北</option>
<option value="河南">河南</option>
</select></td>
</tr>
  <tr><td>兴趣</td>
  <td> <input type="checkbox" name="intrest">看书
  <input type="checkbox" name="events">听歌
  <input type="checkbox" name="events">写作</td>
  </tr> <tr>
<td>个人简介</td><td><textarea rows="3" cols="25" name="introduce" ></textarea></td>
</tr>
  <tr>
  <td><input type="submit" name="submit" value="提交"></td>

  </tr>
  </table>
  </form>

  </body>
</html>
[code=JScript][/code]

[解决办法]

HTML code
  function isasString(nns){  var re=/^[^0-9]{1}[_0-9a-z]{5,15}$/i;  if(!re.test(nns))  return true;  else  return false;    } [color=#FF0000]}[/color]
[解决办法]
HTML code
<html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <script>  function checkedata(){  var nns=rigistForm.userName.value.toLowerCase();   if(!checkUserName(nns))  return false;  var pass=rigistForm.password1.value;  if(!checkPassword(pass)<6||checkPassword(pass)>16){  alert("正确的登录密码长度为6~16位,仅可用英文字母数字下划线");  rigistForm.password1.focus();  return false;  }  if(checkPassword(pass)){  alert("您的密码中包含了非法字符,仅可用英文字母数字和下划线");  registForm.password1.focus();  return false;  }  var pass2=rigistForm.password2.value;  if(checkPassword2(pass2)==""){  alert("请输入密码确认");  rigistForm.password2.focus();  return false;  }  if(pass2!=pass){  alert("两次密码输入不一致");  rigistForm.password1.focus();  return false;  }  if(!rigistForm.sex(0).checked||rigistForm.sex(1).checked){  alert("请选择性别");  rigistForm.sex(0).focus();  return false;  }  if(rigistForm.province.selectedIndex==0){  alert("请选择城市");  rigistForm.province.focus();  return false;  }if(!rigistForm.intrest.value==""){  altert("兴趣爱好不能为空");  rigistForm.intrest.focus();  return false;}if(!rigistForm.introduce.value==""){  altert("个人简介不能为空");  rigistForm.introduce.focus();  return false;}  }  function checkUserName(nns){  if(nns.length<3||nns.length>15)  alert("请输入正确的用户名,用户名的长度为3~15");  rigistForm.userName.focus();  return false;  if(isWaitSpace(nns)){  alert("请输入正确的用户名,用户名中不能包含空格");  rigistForm.userName.focus();  return false;  }  if(!isasString(nns)){  alert("对不起您的用户名不准确或已经被占用,用户名是a~z的英文字母不区分大小写,0~9的数字");  rigistForm.userName.focus();  return false;  } return true;}  function checkPassword(pass){  var len;  var i;  len=0;  for(i=0;i<pass.length;i++){  if(pass.charCodeAt(i)>255)  len+=2;  else len++;  }  return len;  }  function checkPassword2(pass2){  var len;  var i;  len=0;  for(i=0;i<pass2.length;i++){  if(pass2.charCodeAt(i)>255)  return true;  }  function isWaitSpace(s){  var waitspace= " \t\n\r";  var i;  for(i=0;i<s.length;i++){  var c=s.charAt(i);  if(waitspace.indexOf(c)>=0){  return true;  }}  return false;  }  function isasString(nns){  var re=/^[^0-9]{1}[_0-9a-z]{5,15}$/i;  if(!re.test(nns))  return true;  else  return false;    } }  </script>  </head>  <body>  <form name="rigistForm" action="rigisyServlet" onSubmit="return checkedata()"method="POST">  <table>  <tr>  <td>姓名</td><td><input type="text" name="userName"></td>  </tr>  <tr>  <td>密码</td><td><input type="password" name="password1"></td>  </tr>  <tr>  <td>确认密码</td><td><input type="password" name="password2"></td>  </tr>  <tr><td>性别:</td><td><input name="sex" type="radio" >男<input name="sex" type="radio">女</td></tr>     <tr><td>城市</td><td><select name="province" size="3" ><option value= "北京">北京</option><option value="上海">上海</option><option value="湖南">湖南</option><option value="湖北">湖北</option><option value="河南">河南</option></select></td></tr>  <tr><td>兴趣</td>  <td> <input type="checkbox" name="intrest">看书  <input type="checkbox" name="events">听歌  <input type="checkbox" name="events">写作</td>  </tr> <tr><td>个人简介</td><td><textarea rows="3" cols="25" name="introduce" ></textarea></td></tr>  <tr>  <td><input type="submit" name="submit" value="提交"></td>  </tr>  </table>  </form>  </body></html> 

热点排行