注册表单验证

偏执的太偏执、 2022-05-16 13:50 193阅读 0赞

<script>
        function mr_verify(){
    
            //获取表单对象
            var email=document.getElementById("email");
            var password=document.getElementById("password");
            var passwordRepeat=document.getElementById("passwordRepeat");
            var tel=document.getElementById("tel");
    
            //验证项目是否为空
            if(email.value==='' || email.value===null){
                alert("邮箱不能为空！");
                return;
            }
            if(password.value==='' || password.value===null){
                alert("密码不能为空！");
                return;
            }
            if(passwordRepeat.value==='' || passwordRepeat.value===null){
                alert("确认密码不能为空！");
                return;
            }
            if(tel.value==='' || tel.value===null){
                alert("手机号码不能为空！");
                return;
            }
    
            if(password.value!==passwordRepeat.value ){
                alert("密码设置前后不一致！");
                return;
            }
            
            //验证邮件格式
            apos = email.value.indexOf("@")
            dotpos = email.value.lastIndexOf(".")
            if (apos < 1 || dotpos - apos < 2) {
                alert("邮箱格式错误！");
            }
            else {
                alert("邮箱格式正确！");
            }
            //验证手机号格式
            if(isNaN(tel.value)){
                alert("手机号请输入数字！");
                return;
            }
            if(tel.value.length!==11){
                alert("手机号是11个数字！");
                return;
            }
            alert('注册成功！');
        }
        
    </script>

**注意：**

**1. “ ”或‘ ’和null的区别**

“ ”或’ ‘指向长度为0的字符串，占内存空间；

null不分配内存空间

**例如：**

if(email.value===' ' || email.value===null)\{  
            alert("邮箱不能为空！");  
            return;  
        \}

【注意：===  和  == 的区别、|| 和 && 的区别】

**2 .indexOf（）用法和 lastIndexOf(）用法的区别**

apos=value.indexOf("@") ;

*//找到第一个@的位置。如果找不到的话,apos值为**-1**,找到的话就是@在字符串里面的**以0开始**的位置索引。*

dotpos=value.lastIndexOf(".") ；

//*找到最后一个 **.** 的位置。*

if (apos<1||dotpos-apos<2)

//*如果找不到@\[apos=-1\]或者@是第一个字符\[apos=0\]那么满足(apos<1)，或者@之后没有 **.** 或者@与 **.** 之间没有任何字符，紧挨着，则【dotpos-apos=1】满足(dotpos-apos<2)。*

**例如：**

apos = email.value.indexOf("@")；  
        dotpos = email.value.lastIndexOf(".")；  
        if (apos < 1 || dotpos - apos < 2) \{  
            alert("邮箱格式错误！");  
        \}  
        else \{  
            alert("邮箱格式正确！");  
        \}

**3 . 注意isNaN不能写成!NaN**

**例如：**

if(isNaN(tel.value))\{  
            alert("手机号请输入数字！");  
            return;  
         \}

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关注册表单数据的收集php,常用注册表单功能

![01eb7a2a4b94ea6be95de6035463671f.png][] 实例 html> 常用注册表单功能必填项：账号： type="text"

以你之姓@/ 2023年01月18日 02:21/ 0 赞/ 155 阅读

相关注册表单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

秒速五厘米/ 2022年08月13日 13:39/ 0 赞/ 160 阅读

相关 jQuery带格式验证的注册表单

这是一款外观很不错，而且功能也比较强大的jQuery注册表单，这款jQuery表单的特点是带有严格的表单字段格式验证功能，比如电子邮箱的格式、用户名格式以及密码复杂度和长度等。

系统管理员/ 2022年08月04日 16:52/ 0 赞/ 154 阅读

相关正则表达式-注册表验证

正则表达式-注册表验证正则表达式正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符

电玩女神/ 2022年06月11日 22:59/ 0 赞/ 200 阅读

相关注册表单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

r囧r小猫/ 2022年06月08日 07:07/ 0 赞/ 197 阅读

相关 jquery实现注册表单验证

![Center][] 要求：技术要求（html+css+jquery）图标题后有 1. 完成页面布局（页面布局合理、样式和图片一致、代码无误各） 2. 用jquery

àì夳堔傛蜴生んèń/ 2022年06月07日 07:56/ 0 赞/ 295 阅读

相关注册表单验证

<script> function mr_verify(){ //获取表单对象 var ema

偏执的太偏执、/ 2022年05月16日 13:50/ 0 赞/ 194 阅读

相关注册表单验证 json格式传参

1.加入json相关架包 <%@ page language="java" contentType="text/html; charset=UTF-8" p

青旅半醒/ 2022年05月04日 05:58/ 0 赞/ 276 阅读

相关编写一个注册表单，配合vue完成表单验证

【一】题目要求：编写一个注册表单，配合vue完成表单验证（1）用户名长度必须至少2个字符（2）密码强度校验

爱被打了一巴掌/ 2021年09月16日 09:16/ 0 赞/ 399 阅读

相关 $.ajax注册表单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

古城微笑少年丶/ 2021年07月24日 18:14/ 0 赞/ 441 阅读