js与jquery正则验证电子邮箱、手机号、邮政编码的方法

作为网站的作者，为了保证用户提交的数据有效和安全，我们需要对输入的电子邮箱、手机号和邮政编码进行正则验证。JavaScript和jQuery都可以进行正则验证，下面是针对这三种常见输入的完整攻略：

1. 电子邮箱验证

正则表达式

电子邮箱的验证需要用到正则表达式，下面是一个常用的正则表达式：

/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$/

JavaScript实现

使用JavaScript来验证电子邮箱的步骤如下：

1. 获取用户输入的邮箱地址。
2. 使用正则表达式进行匹配。
3. 如果匹配成功，表示该邮箱格式正确，否则格式不正确。

示例代码：

let email = document.getElementById('email').value
let reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$/;
if (reg.test(email)) {
   console.log('邮箱格式正确');
} else {
   console.log('邮箱格式错误');
}

jQuery实现

使用jQuery来验证电子邮箱的步骤如下：

1. 获取用户输入的邮箱地址。
2. 使用jQuery的正则表达式方法match()进行匹配。
3. 如果匹配成功，表示该邮箱格式正确，否则格式不正确。

示例代码：

let email = $('#email').val();
let reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$/;
if (reg.test(email)) {
   console.log('邮箱格式正确');
} else {
   console.log('邮箱格式错误');
}

2. 手机号验证

正则表达式

手机号的验证需要用到正则表达式，下面是一个常用的正则表达式：

/^[1][3,4,5,7,8][0-9]{9}$/

JavaScript实现

使用JavaScript来验证手机号的步骤如下：

1. 获取用户输入的手机号码。
2. 使用正则表达式进行匹配。
3. 如果匹配成功，表示该手机号码格式正确，否则格式不正确。

示例代码：

let phone = document.getElementById('phone').value;
let reg = /^[1][3,4,5,7,8][0-9]{9}$/;
if (reg.test(phone)) {
   console.log('手机号码格式正确');
} else {
   console.log('手机号码格式错误');
}

jQuery实现

使用jQuery来验证手机号的步骤如下：

1. 获取用户输入的手机号码。
2. 使用jQuery的正则表达式方法match()进行匹配。
3. 如果匹配成功，表示该手机号码格式正确，否则格式不正确。

示例代码：

let phone = $('#phone').val();
let reg = /^[1][3,4,5,7,8][0-9]{9}$/;
if (reg.test(phone)) {
   console.log('手机号码格式正确');
} else {
   console.log('手机号码格式错误');
}

3. 邮政编码验证

正则表达式

邮政编码的验证需要用到正则表达式，下面是一个常用的正则表达式：

/^[1-9][0-9]{5}$/

JavaScript实现

使用JavaScript来验证邮政编码的步骤如下：

1. 获取用户输入的邮政编码。
2. 使用正则表达式进行匹配。
3. 如果匹配成功，表示该邮政编码格式正确，否则格式不正确。

示例代码：

let zipcode = document.getElementById('zipcode').value;
let reg = /^[1-9][0-9]{5}$/;
if (reg.test(zipcode)) {
   console.log('邮政编码格式正确');
} else {
   console.log('邮政编码格式错误');
}

jQuery实现

使用jQuery来验证邮政编码的步骤如下：

1. 获取用户输入的邮政编码。
2. 使用jQuery的正则表达式方法match()进行匹配。
3. 如果匹配成功，表示该邮政编码格式正确，否则格式不正确。

示例代码：

let zipcode = $('#zipcode').val();
let reg = /^[1-9][0-9]{5}$/;
if (reg.test(zipcode)) {
   console.log('邮政编码格式正确');
} else {
   console.log('邮政编码格式错误');
}