[JavaScript] js表单验证 →→→→→进入此内容的聊天室

来自 , 2020-12-14, 写在 JavaScript, 查看 103 次.
URL http://www.code666.cn/view/115f8950
  1. //清空input标签中默认的value值
  2. function func(){
  3.         document.getElementById("user").value="";
  4. }
  5. //当光标从Input标签文本框中失去之后,需要触发的事件处理的方案。
  6. function checkuser(){
  7.         //定义标记只要用户不合法,都不让通过
  8.         var flag = false;
  9.         //获取当前的user这个input标签对象
  10.         var user = document.getElementById("user").value;
  11.         //获取用户显示用户名信息的span标签
  12.         var userspan = document.getElementById("userspan");
  13.         //验证用户名是否合法
  14.         if(user == ""){
  15.                 userspan.innerHTML = "用户名错误".fontcolor('red');
  16.                
  17.         }else{
  18.                 userspan.innerHTML = "用户名正确".fontcolor('green');
  19.                 flag = true;
  20.         }
  21.         return flag;
  22. }
  23. //验证用户的输入密码
  24. function checkpwd(){
  25.         var flag = false;
  26.         //获取用户输入的密码值
  27.         var pwd = document.getElementById("pwd").value;
  28.        
  29.         var pwdspan = document.getElementById("pwdspan");
  30.        
  31.         if( pwd == "" ){
  32.                 pwdspan.innerHTML = "密码不能为空".fontcolor("red");
  33.         }else{
  34.                 pwdspan.innerHTML = "密码正确".fontcolor("yellow");
  35.                 flag = true;
  36.         }
  37.         return flag;
  38. }
  39. //验证确认密码
  40. function checkrepwd(){
  41.         var flag = false;
  42.         //获取用户输入的密码值
  43.         var pwd = document.getElementById("pwd").value;
  44.         var repwd = document.getElementById("repwd").value;
  45.         var repwdspan = document.getElementById("repwdspan");
  46.         if(pwd == repwd){
  47.                 repwdspan.innerHTML = "密码一致".fontcolor("blue");
  48.                 flag = true;
  49.         }else{
  50.                 repwdspan.innerHTML = "密码不一致".fontcolor("red");
  51.         }
  52.         return flag;
  53. }
  54. //验证性别
  55. function checksex(){
  56.         var sexs = document.getElementsByName("sex");
  57.         //定义计数器,统计单选按钮选中了几个
  58.         var count = 0;
  59.         for(var i=0;i<sexs.length;i++){
  60.                 if( sexs[i].checked ){
  61.                         count ++;
  62.                 }
  63.         }
  64.         //判断count是否为1
  65.         if( count != 1 ){
  66.                 document.getElementById("sexspan").innerHTML = "请选择性别".fontcolor('red');
  67.         }
  68. }
  69. //验证复选框
  70. function checkhobby(){
  71.         //获取所有的name为hobby的checkbox复选框
  72.         var hobbys = document.getElementsByName("hobby");
  73.         var count = 0;
  74.         for(var i=0;i<hobbys.length;i++){
  75.                 if( hobbys[i].checked ){
  76.                         count++;
  77.                         break;
  78.                 }
  79.         }
  80.         if(count == 0){
  81.                 document.getElementById("hspan").innerHTML = "爱好必须选择一项".fontcolor('red');
  82.         }
  83. }
  84.  
  85. function check(){
  86.         if( checkuser() && checkpwd() && checkrepwd() ){
  87.                 return true;
  88.         }
  89.         return false;
  90.        
  91. }
  92.  
  93.  
  94.  
  95.  
  96.  

回复 "js表单验证"

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

captcha