欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery正则表达式验证:固定电话

程序员文章站 2022-03-10 08:06:06
需求说明: 前端页面使用正则表达式验证文本输入框输入的数据为固定电话。 代码说明: 这里只介绍正则表达式部分,其他部分的代码不做介绍。如有其它需要可自行修改。 步骤一:建立一个页面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。 步骤二:编写正则表达式。 代码部 ......

需求说明:

  前端页面使用正则表达式验证文本输入框输入的数据为固定电话。

代码说明:

  这里只介绍正则表达式部分,其他部分的代码不做介绍。如有其它需要可自行修改。

步骤一:建立一个页面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。

步骤二:编写正则表达式。

代码部分如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.2.1.min.js" ></script>
</head>
<body>

</body>
<script>
//这里默认页面加载时验证输入数据
$(function () {
var value="0451-828039832";
if(phone(value)){
console.log("参数:符合验证要求");
}else{
console.log("参数: 不符合验证要求");
}
})

//固定电话
function phone(value)
{
var reg = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
var re = new RegExp(reg);
if (re.test(value))
{
return true;
}
else
{
return false;
}
}
</script>
</html>