博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript表单验证
阅读量:7244 次
发布时间:2019-06-29

本文共 2791 字,大约阅读时间需要 9 分钟。

hot3.png

1、概述

194740_owUO_2320342.png

2、String对象

195742_8ehg_2320342.png

样例:

    
    
表单验证    
     .right{ text-align:right;}        
     function check () {   var email = document.getElementById("email").value;      if (email == "") {    alert("Email不能为空");    return false;   }   if (email.indexOf("@")== -1 || email.indexOf(".")== -1) {    alert("Email格式不正确。");    return false;   }      var pwd = document.getElementById("pwd").value;   if (pwd == ""){    alert("密码不能为空。");    return false;   }   if (pwd.length < 6) {    alert("密码长度不能小于6位。");    return false;   }      var repwd = document.getElementById("repwd").value;    if (repwd != pwd) {    alert("两次输入密码不一致。");    return false;   }      var user = document.getElementById("user").value;   if (user == "") {    alert("姓名不能为空。");    return false;   }   for (var i = 0 ; i < user.length ; i++) {    var j = user.substring(i,i+1);    if (isNaN(j) == false) {     alert("姓名中不能包含数字。");     return false;    }   }      return true;  }     
              
注册休闲网                
                            
您的email:                
                                        
输入密码:                
                                        
再输入一遍密码:                
                                        
您的姓名:                
                                     
                        

执行结果:

205457_T5tN_2320342.png

3、输入提示特效

210027_aE0A_2320342.png

 4、HTML DOM: Textbox文本框对象

210503_dL4K_2320342.jpeg

样例:

    
    
表单验证    
     .right{ text-align:right;}  .error{color:red;}        
  function $ (id) {   return document.getElementById(id);  }    function checkEmail () {   var email = $("email").value;      if (email == "") {    document.getElementById("emailMsg").innerHTML = "Email不能为空";    return false;   }   if (email.indexOf("@")== -1 || email.indexOf(".")== -1) {    document.getElementById("emailMsg").innerHTML = "Email格式不正确。";    return false;   }      return true;   }    function checkPwd () {   var pwd = document.getElementById("pwd").value;   if (pwd == ""){    $("pwdMsg").innerHTML = "密码不能为空。";    return false;   }   if (pwd.length < 6) {    $("pwdMsg").innerHTML = "密码长度不能小于6位。";    return false;   }   return true;   }    function checkRepwd () {   var repwd = document.getElementById("repwd").value;    if (repwd != pwd) {    $("repwdMsg").innerHTML = "两次输入密码不一致。";    return false;   }   return true;   }    function checkUser () {   var user = document.getElementById("user").value;   if (user == "") {    $("userMsg").innerHTML = "姓名不能为空。";    return false;   }   for (var i = 0 ; i < user.length ; i++) {    var j = user.substring(i,i+1);    if (isNaN(j) == false) {     $("userMsg").innerHTML = "姓名中不能包含数字。";     return false;    }   }   return true;   }       function check () {   if (checkEmail() && checkPwd() && checkRepwd() && checkUser()) {    return true;   } else {    return false;   }  }     
              
注册休闲网                
                            
您的email:                
                                        
输入密码:                
                                        
再输入一遍密码:                
                                        
您的姓名:                
                                     
                        

执行结果:

232025_gpvc_2320342.png

转载于:https://my.oschina.net/u/2320342/blog/397080

你可能感兴趣的文章
处理生活中的一些落差
查看>>
天猫双11 | 你只管尽情狂欢,我负责保驾护航
查看>>
如何通过snmp监控Linux
查看>>
WPF loading加载动画库
查看>>
开源项目
查看>>
WPF 实现波浪浮动效果
查看>>
Android开发教程 - 使用Data Binding(四)在Fragment中的使用
查看>>
Github连接 VS Code踩坑记录
查看>>
[LeetCode]Reverse Integer题解
查看>>
函数声明提升与变量提升
查看>>
SEO人员:频繁更新首页,会被惩罚吗?
查看>>
SUSE Linux 再次易主,以 25 亿美元被 EQT 收购
查看>>
手机网站终极优化之:位置,位置,位置
查看>>
MyBatis抛出You can't operate on a closed Connection!!!
查看>>
编程习惯-enum的用法
查看>>
keras与tensorboard结合使用
查看>>
Confluence 6 连接一个目录
查看>>
biostar handbook: 第二周笔记汇总+第三周任务布置
查看>>
Confluence 6 用户目录图例 - 可读写连接 LDAP
查看>>
AI学习笔记——Tensorflow中的Optimizer(优化器)
查看>>