web 前端  input  验证

最新推荐文章于 2024-03-29 13:36:17 发布

原创最新推荐文章于 2024-03-29 13:36:17 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用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;
}