下面给出详细的jquery正则表达式验证(手机号、身份证号、中文名称)的完整攻略。
正则表达式
首先需要了解正则表达式,它是一种用来匹配字符串的模式,可以用来检查字符串是否符合一定的格式要求。在javascript中,可以使用正则表达式的相关方法来进行字符串的处理。
手机号验证
下面来看一下如何用jquery实现手机号的正则表达式验证。输入框的id为phone
,验证正则表达式为/^[1][34578][0-9]{9}$/
。
$(function() {
$("#phone").blur(function() {
var phone = $(this).val().trim();
if (phone === "" || !(/^1[34578]\d{9}$/.test(phone))) {
alert("手机格式不正确");
return false;
}
return true;
});
});
这里通过jquery的blur
事件来监听输入框的变化,同时使用test
方法来进行正则表达式的验证。
身份证号验证
另一方面,还可以用jquery来进行身份证号的正则表达式验证。输入框的id为idcard
,验证正则表达式为/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
。
$(function() {
$("#idcard").blur(function() {
var idcard = $(this).val().trim();
if (idcard === "" || !/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(idcard)) {
alert("身份证号格式不正确");
return false;
}
return true;
});
});
同样使用blur
事件来监听输入框的变化,但这里使用的是3个正则表达式的或运算来进行身份证号的验证。
中文名称验证
最后,我们来看一下中文名称的正则表达式验证。输入框的id为name
,验证正则表达式为/^[\u4e00-\u9fa5]+(·[\u4e00-\u9fa5]+)*$/
。
$(function() {
$("#name").blur(function() {
var name = $(this).val().trim();
if (name === "" || !/^[\u4e00-\u9fa5]+(·[\u4e00-\u9fa5]+)*$/.test(name)) {
alert("中文名称格式不正确");
return false;
}
return true;
});
});
同样使用blur
事件来监听输入框的变化,同时使用中文正则表达式来进行中文名称的验证。
总之,以上就是jquery正则表达式验证的完整攻略。在实际项目中,可以根据需要来进行相应的修改和扩展,以满足各种不同的需求。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jquery正则表达式验证(手机号、身份证号、中文名称) - Python技术站