web 前端  input  验证

最新推荐文章于 2025-03-25 14:11:04 发布

_On_The_Way_

最新推荐文章于 2025-03-25 14:11:04 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/renkangkangren/article/details/73616088

本文介绍了一种使用jQuery进行客户端验证的方法，包括邮箱格式验证和手机号码格式验证。通过正则表达式匹配来检查用户输入的数据是否符合预期的格式。

/jquery验证邮箱
function checkSubmitEmail() {
if ($("#email").val() == "") {
//$("#confirmMsg").html("邮箱地址不能为空！");
alert("邮箱不能为空!")
$("#email").focus();
return false;
}
if (!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) {
alert("邮箱格式不正确");
//$("#confirmMsg").html("邮箱格式不正确！请重新输入！");
$("#email").focus();
return false;
}
return true;
}

//jquery验证手机号码
function checkSubmitMobil() {
if ($("#mobile").val() == "") {
alert("手机号码不能为空！");
//$("#moileMsg").html("手机号码不能为空！");
$("#mobile").focus();
return false;
}

if (!$("#mobile").val().match(/^(((13[0-9]{1})|159|153)+\d{8})$/)) {
alert("手机号码格式不正确！");
//$("#moileMsg").html("手机号码格式不正确！请重新输入！");
$("#mobile").focus();
return false;
}
return true;
}