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

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

表单验证我们常见的又电话验证，邮箱验证，密码验证，身份证验证，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;

}

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培训，带你了解更多网站知识。