Chinaunix首页 | 论坛 | 博客

我就是喜欢赖床的ChinaUnix博客

首页　| 　博文目录　| 　关于我

我就是喜欢赖床

  • 博客访问： 49384
  • 博文数量： 17
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 340
  • 用 户 组： 普通用户
  • 注册时间： 2013-04-10 15:23
文章分类

全部博文（17）

文章存档

2014年（1）

2013年（16）

我的朋友
最近访客
推荐博文
javascript 用户的验证

分类： JavaScript

2013-07-03 11:23:50

html代码

点击(此处)折叠或打开

  1. <html>
  2.     <head>
  3.         <title>表单验证</title>
  4.         <script language="javascript" src="checkform.js">
  5.             </script>
  6.         </head>
  7.     <body>
  8.         <form name="frm" method="post"onsubmit="return Check()">
  9.             <table border="3" align="center"width="500">
  10.                 <tr><td colspan=2 align="center">用户验证</td></tr>
  11.                 <tr><td>用户名:</td>
  12.                     <td><input type="text" name="user_name" size="30"onblur=" checkname(this.value.toLowerCase())">
  13.                     
  14.                     <span id="user_nameError"></span>
  15.                     </td>
  16.                     </tr>
  17.                 <tr><td>密码:</td>
  18.                     <td><input type="password" name="user_pwd"size="30"onblur=" checkpwd(this.value)">
  19.                         <span id="user_pwdError"></span>
  20.                         </td>
  21.                     </tr>
  22.                 <tr><td>密码确认:</td>
  23.                     <td><input type="password" name="user_pwd2"size="30"onblur="checkpwd2(this.value)">
  24.                         <span id="user_pwd2Error"></span>
  25.                         </td>
  26.                     </tr>
  27.                 <tr><td>性别:</td>
  28.                     <td><input type="radio" name="user_sex"value="男" >男
  29.                     <input type="radio" name="user_sex"value="女" onblur="checksex(this.value)">女
  30.                     <span id="user_sexError"></span>
  31.                     </td>
  32.                     </tr>
  33.                 <tr><td>自我介绍:</td>
  34.                     <td><textarea cols="50" rows="4"name="user_intr"onblur="checkintr(this.value)"></textarea>
  35.                         <span id="user_intrError"></span></td>
  36.                     
  37.                     </tr>        
  38.                     <tr><td></td>
  39.                         <td align="center"><input type="submit"value="提交">
  40.                              <input type="reset" value="重置">
  41.                             </td></tr>
  42.                 </table>    
  43.             </form>
  44.         </body>
  45.     </html>
js代码

点击(此处)折叠或打开

  1. function Check(){
  2. var name=frm.user_name.value.toLowerCase();
  3. var pwd=frm.user_pwd.value;
  4. var pwd2=frm.user_pwd.value;
  5. var sex=frm.user_sex.value;
  6. var intr=frm.user_intr.value;
  7. if(!checkname(name))return false;
  8. if(!checkpwd(pwd))return false;
  9. if(!checkpwd2(pwd2))return false;
  10. if(!checksex(sex))return false;
  11. if(!checkintr(intr))return false;
  12. }

  14. function checkname(name){
  15.     if(name.length<6||name.length>16){
  16.         //alert("请输入正确的用户名！用户名为6到16位！");
  17.         document.getElementById("user_nameError").innerHTML = "请输入正确的用户名,用户名长度为3-18位！";
  18.         frm.user_name.focus();
  19.         return false;
  20.     }
  21.     if(!namegs(name)){
  22.      //alert("请输入正确格式的用户名！以字母或数字开头和结尾！");
  23.      document.getElementById("user_nameError").innerHTML = "请输入正确格式的用户名！以字母或数字开头和结尾！";
  24.      frm.user_name.focus();
  25.      return false;
  26.     }
  27.     document.getElementById("user_nameError").innerHTML = "";//这里是指当输入正确的时候，什么都不显示！
  28.     return true;
  29. }
  30. function namegs(name){
  31.     var reg=/^[a-z0-9][\w.-]*[a-z0-9]$/i
  32.     if(reg.test(name)){
  33.         return true;
  34.     }
  35.     return false;
  36. }

  38. function strlen(str){
  39.     var len;
  40.     var i;
  41.     len = 0;
  42.     for (i=0;i<str.length;i++){
  43.         if (str.charCodeAt(i)>255) len+=2; else len++;
  44.     }
  45.     return len;
  46. }
  47. function checkpwd(pwd){
  48. if(frm.user_pwd.value==""){
  49. //alert("请输入密码！");
  50. document.getElementById("user_pwdError").innerHTML="请输入密码！";
  51. return false;
  52. }
  53. if(strlen(frm.user_pwd.value)<6||strlen(frm.user_pwd.value)>16){
  54.     //alert("密码为6——16位！");
  55.     document.getElementById("user_pwdError").innerHTML="密码为6——16位！";
  56.     frm.user_pwd.focus();
  57.     return false;
  58. }
  59. if(frm.user_pwd.value==frm.user_name.value){
  60.     //alert("密码和用户名不能一致！");
  61.     document.getElementById("user_pwdError").innerHTML="密码和用户名不能一致！";
  62.     frm.user_pwd.focus();
  63.     return false;
  64. }
  65. document.getElementById("user_pwdError").innerHTML="";
  66. return true;
  67. }
  68. function checkpwd2(pwd2){
  69. if(frm.user_pwd2.value==""){
  70.     //alert("请输入密码确认！");
  71.     document.getElementById("user_pwd2Error").innerHTML="请输入密码确认！";
  72.     return false;
  73.     }
  74. if(frm.user_pwd2.value!=frm.user_pwd.value){
  75.     //alert("确认密码要与密码一致！");
  76.     document.getElementById("user_pwd2Error").innerHTML="确认密码要与密码一致！"
  77.     frm.user_pwd.focus();
  78.     return false;
  79. }
  80. document.getElementById("user_pwd2Error").innerHTML="";
  81. return true;
  82. }
  83. function checksex(sex){
  84. if(!(frm.user_sex[0].checked||frm.user_sex[1].checked)){
  85. //alert("请输入密码！");
  86. document.getElementById("user_sexError").innerHTML="请选择您的性别！";
  87. return false;
  88. }

  90. document.getElementById("user_sexError").innerHTML="";
  91. return true;
  92. }
  93. function checkintr(intr){
  94. if(frm.user_intr.value==""){
  95. //alert("请输入自我介绍！");
  96. document.getElementById("user_intrError").innerHTML="请输入自我介绍！";
  97. return false;
  98. }

  100. document.getElementById("user_intrError").innerHTML="";
  101. return true;
  102. }
也可用
代替。但是
提示信息时会换行！！
阅读(544) | 评论(0) | 转发(0) |
0

上一篇：通过javascript静态实现 下拉框的联动 非数据库篇

下一篇：显示正在运行的程序 快捷键

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6