下面是关于“jQuery验证手机号邮箱身份证的正则表达式(含港澳台)”的完整攻略。
正则表达式是一种特殊的字符序列,它们可以用于搜索和验证文本中的信息。尤其在表单验证场景中,正则表达式是一种非常常见的用法。
以下是验证手机号的正则表达式,支持大陆、港澳台地区:
// 手机号验证正则表达式
/^(13[0-9]|14[56789]|15[012356789]|16[56]|17[0135678]|18[0-9]|19[89])\d{8}$/
该正则表达式的注释解释如下:
^
:匹配输入的字符串的开始位置。(13[0-9]|14[56789]|15[012356789]|16[56]|17[0135678]|18[0-9]|19[89])
:匹配手机号的前七位数字,其中|
表示或的关系,()
表示分组,方便後面的\d{8}
引用。\d
:表示数字,等价于[0-9]
。{8}
:表示重复前面的标识符8次。$
:匹配输入的字符串的结束位置。接下来是一个示例说明,如何在jQuery中使用该正则表达式进行手机号的验证:
HTML代码:
<input type="text" id="phone" name="phone" placeholder="请输入手机号"/>
jQuery代码:
$(document).ready(function(){
// 验证手机号的正则表达式
var reg_phone = /^(13[0-9]|14[56789]|15[012356789]|16[56]|17[0135678]|18[0-9]|19[89])\d{8}$/;
$("#phone").blur(function(){
// 获取手机号的输入值
var phone = $(this).val();
// 使用正则表达式进行手机号的验证
if (!reg_phone.test(phone)) {
alert("请输入正确的手机号!");
$(this).focus();
}
});
});
以下是验证邮箱的正则表达式,支持常见的邮箱类型:
// 邮箱验证正则表达式
/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
该正则表达式的注释解释如下:
^
:匹配输入的字符串的开始位置。[\w-]+
:匹配邮箱地址中的用户名部分,其中\w
匹配字母、数字或下划线,+
表示匹配前面的标识符一次或多次,[]
表示一个字符集合,-
表示字符集合中包含一个连字符。(\.[\w-]+)*
:匹配邮箱地址中的域名部分,其中()
表示分组,*
表示匹配前面的标识符零次或多次,.
表示匹配一个点字符。@
:匹配一个@
字符。[\w-]+
:匹配邮箱地址中的服务器名称部分。(\.[\w-]+)+
:同上,表示匹配邮箱地址中的域名部分。$
:匹配输入的字符串的结束位置。接下来是一个示例说明,如何在jQuery中使用该正则表达式进行邮箱的验证:
HTML代码:
<input type="text" id="email" name="email" placeholder="请输入邮箱"/>
jQuery代码:
$(document).ready(function(){
// 验证邮箱的正则表达式
var reg_email = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
$("#email").blur(function(){
// 获取邮箱的输入值
var email = $(this).val();
// 使用正则表达式进行邮箱的验证
if (!reg_email.test(email)) {
alert("请输入正确的邮箱!");
$(this).focus();
}
});
});
以下是验证身份证号的正则表达式,支持大陆、港澳台地区:
// 身份证号验证正则表达式
/(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1|2]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])(\d|X|x)$)/
该正则表达式的注释解释如下:
^
:匹配输入的字符串的开始位置。[1-9]
:匹配第一位不为零的数字。\d{7}
:匹配身份证号的第二到第八位数字。((0\d)|(1[0-2]))
:匹配身份证号的月份,其中|
表示或的关系,()
表示分组。(([0|1|2]\d)|3[0-1])
:匹配身份证号的日期,其中()
表示分组,|
表示或的关系,[0|1|2]
表示匹配0、1或2,\d
表示匹配数字。\d{3}
:匹配身份证号的倒数第二到第四位数字。|
:表示或的关系。[1|2]\d{3}
:匹配港澳台身份证号的年份,其中[1|2]
表示匹配1或2,\d{3}
表示匹配3个数字。(\d|X|x)
:匹配身份证号的最后一位,其中(\d|X|x)
表示匹配一个数字或字符X
或x
。$
:匹配输入的字符串的结束位置。接下来是一个示例说明,如何在jQuery中使用该正则表达式进行身份证号的验证:
HTML代码:
<input type="text" id="idcard" name="idcard" placeholder="请输入身份证号"/>
jQuery代码:
$(document).ready(function(){
// 验证身份证号的正则表达式
var reg_idcard = /(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1|2]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])(\d|X|x)$)/;
$("#idcard").blur(function(){
// 获取身份证号的输入值
var idcard = $(this).val();
// 使用正则表达式进行身份证号的验证
if (!reg_idcard.test(idcard)) {
alert("请输入正确的身份证号!");
$(this).focus();
}
});
});
希望以上内容对你有所帮助,如果有任何问题,请随时提问。
本文链接:http://task.lmcjl.com/news/10155.html