jquery 验证身份证验证邮箱正则表达式

最新推荐文章于 2024-07-31 14:48:59 发布

陆辰席

最新推荐文章于 2024-07-31 14:48:59 发布

阅读量689

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery

本文链接：https://blog.youkuaiyun.com/muzifei66/article/details/51312893

Jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的表单验证示例，包括身份证号码和邮箱的格式验证，以及提交前对必填项的检查。通过正则表达式进行格式匹配，并利用jQuery的事件绑定来触发验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
$(document).ready(function() {
// 在这里写你的代码...
$("#but2").click(function(){
$("input").val('');
})

//文本框失去焦点 验证身份证
$("#idcard").blur(function(){
var idcard=$("#idcard").val()
alert(idcard);
var bo=/^(\d{6})(18|19|20)?(\d{2})([01]\d)([0123]\d)(\d{3})(\d|X)?$/.test(idcard);
var year = idcard. substr(6,4);
var month = idcard. substr(10,2);
var day = idcard. substr(12,2);
if(bo==false||month>12||day>31){
alert('请输入正确的身份证号码！');
$("#idcard").val('');
$("#nian").val('');
$("#yue").val('');
$("#ri").val('');
return false;
}
else{
$("#nian").val(year);
$("#yue").val(month);
$("#ri").val(day);
}
});
//文本框失去焦点 验证邮箱
$("#youxiang").blur(function(){
var youxiang =$("#youxiang").val();
var bo=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(youxiang);
if(bo==false){
alert('请输入正确的邮箱地址！');
$("#youxiang").val('');
}
})
// 点击提交验证输入信息是否完整
$("#but1").click(function(){
if($("#xingming").val()==""||$("#youxiang").val()==""||$("#idcard").val()==""){
alert('请将必填项填写完全！');
return false;
}
alert('正确');
})
});
</script>