《利用正则验证数据》

开发工具与关键技术:VS MVC 
作者:黄姗姗
年级:18级
撰写日期:2019年7月22日

正则表达式的符号含义和作用:
. 匹配除换行符以外的任意字符
\w 匹配字母或数字或下划线或汉字
\s 匹配任意的空白符
\d 匹配数字
\b 匹配单词的开始或结束
^ 匹配字符串的开始
$ 匹配字符串的结束

\W 匹配任意不是字母,数字,下划线,汉字的字符
\S 匹配任意不是空白符的字符
\D 匹配任意非数字的字符
\B 匹配不是单词开头或结束的位置
[^x] 匹配除了x以外的任意字符

  • 重复零次或更多次
    
  • 重复一次或更多次
    

? 重复零次或一次
{n} 重复n次
{n,} 重复n次或更多次
{n,m} 重复n到m次
*? 重复任意次,但尽可能少重复
+? 重复1次或更多次,但尽可能少重复
?? 重复0次或1次,但尽可能少重复
{n,m}? 重复n到m次,但尽可能少重复
{n,}? 重复n次以上,但尽可能少重复

//获取from的元素,根据from的ID来序列化获取
var tbStudent = $("#tbStudent").serializeObject();
//创建正则表达式,用来验证数据是否为空
var check = /[\S]+/;
//创建正则表达式,用来验证邮箱是否正确
var checkEmail = /\w[-\w.+]*@@([A-Za-z0-9][-A-Za-z0-9]+.)
+[A-Za-z]{2,14}/;
//正则表达式,用来验证电话号码是否正确
var checkPhoneNum = /0?(13|14|15|16|17|18|19)[0-9]{9}/;
//这里需要判断姓名是否为空,然后就要用到上面创建的的正则表达式check的test()方法来验证,test()方法需要传入参数,参数为你需要验证的数据,你可以根据ID获取input标签或其他的标签的的值来验证。如果验证成功返回就会true,验证不成功返回就为false, “!”:否运算符
if (!check.test(tbStudent.Name)) {
layer.alert(‘请输入姓名!’, { icon: 2, title: ‘提示’ });
return;
}

// 判断手机号码是否正确,比如我输入的是12345678910,这个数据,然后利用正则来判断是否为有效的设计号码,为什么可以判断手机号码,因为手机号都是有特定的格式来组成
if (!checkPhoneNum.test(tbStudent.PhoneNum)) {
layer.alert(‘请输入正确的手机号码!’, { icon: 2, title: ‘提示’ })
return;

};

    // 首先判断邮箱是否为空, ,为什么可以判断邮箱,因为邮箱都是有特定的格式来组成,比如请求QQ邮箱都是以“@qq.com”结尾的,

        if (!check.test(tbStudent.Email)) {
            layer.alert('请输入邮箱!', { icon: 2, title: '提示' });
            return;
        } else if (!checkEmail.test(tbStudent.Email)) {
         然后第二步如果不为空,就判断邮箱是否正确
            layer.alert('请输入正确的邮箱!', { icon: 2, title: '提示' });
            return;
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值