Logo

热门课程

免费试听

上课方式

开班时间

当前位置: 首页 -   文章 -   根域文章 -   正文

前端表单验证怎么做?正则表达式必学

zhiliaoadmin
2021-09-19 21:30:36
0

在做网站的时候,除了企业站,大部分的网站都会涉及到账号的登录注册等功能,那么这时候就需要用表单来制作。通常做表单时都会涉及到电话,密码,邮箱等常见账号,所以需要验证。那么前端标点验证怎么做?正则表达式必学。

表单验证我们常见的又电话验证,邮箱验证,密码验证,身份证验证,QQ验证等等,今天来看看几款常用的验证代码:

Html表单电话验证:

function phone(id) {

var phonebool = true;

var message = $.trim($("#" + id).val());

if (message.length > 0) {

var regTel = /((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)/;

if (!regTel.test(message)) {

phonebool = false;

}

}

return phonebool;

}


{xunruicms_img_title}


Html邮箱验证

function email(id) {

var emailbool = true;

var emailString = $("#" + id).val();

var regEmail = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;

if ($.trim(emailString).length > 0) {

if (!regEmail.test(emailString)) {

emailbool = false;

}

}

return emailbool;

}

Html身份证验证

function idcard(id) {

var idcardbool = true;

var idcardString = $("#" + id).val();

var regIdcard = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;

if (idcardString.length > 0) {

if (!regIdcard.test(idcardString)) {

idcardbool = false;

}

}

return idcardbool;

}

前端表单验证怎么做?正则表达式必学。关注成都知了堂IT培训,带你了解更多网站知识。


大家都在看

0基础学习网络安全,学习路线是怎么样的呢?

2021-09-19 浏览次数:0

8月就业喜报|最高月薪12K,你成为了那个被人羡...

2021-09-19 浏览次数:0

开发前端要学什么?前端必学的基础知识

2021-09-19 浏览次数:0

数据中心发展的意义

2021-09-19 浏览次数:0

白盒测试一般测试什么?白盒测试有哪几种测试方法

2021-09-19 浏览次数:0

小白学前端还是后端?零基础小白转行的最佳选择

2021-09-19 浏览次数:0
最新资讯
前端表单验证怎么做?正则表达式... 在做网站的时候,除了企业站,大部分的网站都会涉及到账号的登录注册等功能,那么这时候就需要用表单来制作...