邮箱验证手机号验证

作者: 回忆不死我们不散 | 来源:发表于2020-01-05 11:04 被阅读0次

element表单验证
IOS 手机号、电话号码、邮箱、网址、邮编的验证
正则验证记录
elementUI 表单验证 -- 规则汇总
iOS手机号，邮箱，省份证验证
javascript 正则基础匹配函数
常见正则表达式
JS常用正则表达式
go web接收参数的验证
iOS 常用验证（手机号、邮箱、密码、身份证号）

<form action="">
　　输入：<input type="text" name="mazey" id="mazey" placeholder="请输入邮箱">
　　<input type="button" value="验证" onclick="check();">
</form>

<script>
function check(){
　　var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式
　　var obj = document.getElementById("mazey"); //要验证的对象
　　if(obj.value === ""){ //输入不能为空
　　　　alert("输入不能为空!");
　　　　return false;
　　}else if(!reg.test(obj.value)){ //正则验证不通过，格式不对
　　　　alert("验证不通过!");
　　　　return false;
　　}else{
　　　　alert("通过！");
　　　　return true;
　　}
}
</script>

一、RegExp

1.1 创建RegExp对象

new RegExp("必选,正则表达式","可选,匹配模式g,i,m")
1.2 RegExp对象的方法

test:检索字符串中的指定值，返回True或False。
exec:检索字符串中的指定值，返回找到的值，没有则null。
complie:用于改变正则表达式，或增删匹配模式。
1.2.1 test()

var r1 = new RegExp('world');
console.log(r1.test('Hello, world!')); //true
console.log(r1.test('Hello, World!')); //false
var r2 = new RegExp('world', 'i'); //大小写不敏感
console.log(r2.test('Hello, World!')); //true
var r3 = new RegExp(/world/i); //简写
console.log(r3.test('Hello, World!')); //true
1.2.2 exec()

var r1 = new RegExp('world');
console.log(r1.exec('Hello, world!')); //['world']
console.log(r1.exec('Hello, World!')); //null
var r2 = new RegExp('world', 'i'); //大小写不敏感
console.log(r2.exec('Hello, World!')); //['world']
var r3 = new RegExp(/world/i); //简写
console.log(r3.exec('Hello, World!')); //['world']
var r4 = new RegExp('o');
console.log(r4.exec('Hello, World!')); //['o']
var r5 = new RegExp('o', 'gi');
console.log(r5.exec('Hello, WOrld!')); //['o']
console.log(r5.lastIndex); //5 匹配文本的第一个字符的位置，o为4，下一个位置为5
console.log(r5.exec('Hello, WOrld!')); //['O'] 匹配完第一个o后调用继续匹配
console.log(r5.lastIndex); //9
console.log(r5.exec('Hello, WOrld!')); //null 匹配不到返回null
console.log(r5.lastIndex); //0 lastIndex重置为0
1.2.3 complie()

var r1 = new RegExp('world');
console.log(r1.exec('Hello, world!')); //['world']
r1.compile('o');
console.log(r1.exec('Hello, World!')); //['o']
r1.compile('m');
console.log(r1.exec('Hello, World!')); //null
var r2 = new RegExp('world');
console.log(r2.test('Hello, world!')); //true
r2.compile('mazey');
console.log(r2.test('Hello, world!')); //false
二、正则表达式

^$:表示匹配值的开始和结尾。
+:1+，一个或更多。
*:0+，零个或更多。
?:0/1，零个或一个。
{1,2}:1<=length<=2,长度。
():表示一个表达式的组。
[]:匹配的字符范围，我理解为一个块，很多块放在一个组()里面。
三、示例

<form action="">
输入：<input type="text" name="mazey" id="mazey" placeholder="请输入邮箱">
<input type="button" value="验证" onclick="check();">
</form>
<script>
function check(){
    var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式
    var obj = document.getElementById("mazey"); //要验证的对象
    if(obj.value === ""){ //输入不能为空
        alert("输入不能为空!");
        return false;
    }else if(!reg.test(obj.value)){ //正则验证不通过，格式不对
        alert("验证不通过!");
        return false;
    }else{
        alert("通过！");
        return true;
    }
}
</script>

手机号验证

function checkPhone(){ 
   var phone = document.getElementById('phone').value;
   if(!(/^1[3456789]\d{9}$/.test(phone))){ 
       alert("手机号码有误，请重填");  
       return false; 
   } 
}

座机号码手机号码验证

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>app</title>
  </head>
  <body>
    <input type="text" maxlength="13" id="ss">
    <button onclick="IsTelephone()">按钮</button>
    <script>
        function checkTel(){
            var isPhone = /(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)/;
            var isMob=/^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/;
            var value=document.getElementById("ss").value.trim();
            console.log(isMob.test(value))
            console.log(isPhone.test(value))
            if(isMob.test(value) || isPhone.test(value)){
                console.log("true")
                return true;
            }else{
                console.log("false")
                return false;
            }
            
        }


        function IsTelephone(obj){
            var value=obj.trim();
            var pattern=/(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^[0−9]3,4[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}|15[0-9]{9}|18[0-9]{9}|147[0-9]{8}|1349[0-9]{7}|19[0-9]{9}$)/;
            if(pattern.test(value))
            {
            console.log("true")
                return true;
            }else{
                console.log("false")
                return false;
            }
        }

    </script>
  </body>
</html>