JS书写 包含邮箱,手机号,邮编,密码,用户名,身份证号的表单正则。
时间: 2024-05-13 15:18:03 浏览: 13
以下是各种表单正则的示例:
1. 邮箱正则表达式:
```javascript
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
```
2. 手机号正则表达式:
```javascript
const phoneRegex = /^[1][3-9][0-9]{9}$/;
```
3. 邮编正则表达式:
```javascript
const zipcodeRegex = /^[0-9]{6}$/;
```
4. 密码正则表达式:
```javascript
// 密码必须包含大小写字母、数字和特殊字符,长度为8-20个字符。
const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,20}$/;
```
5. 用户名正则表达式:
```javascript
// 用户名必须由大小写字母、数字和下划线组成,长度为4-16个字符。
const usernameRegex = /^[a-zA-Z0-9_]{4,16}$/;
```
6. 身份证号正则表达式:
```javascript
const idCardRegex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
```
注:以上正则表达式仅供参考,具体的正则表达式可以根据实际情况进行调整。
相关问题
写一个有用户名密码邮箱手机号的表单验证
这里提供一份基本的 HTML 和 JavaScript 代码示例,可以验证用户名、密码、邮箱和手机号:
HTML:
```
<form id="myForm">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<label for="phone">手机号:</label>
<input type="tel" id="phone" name="phone"><br>
<input type="submit" value="提交">
</form>
```
JavaScript:
```
$(document).ready(function() {
$("#myForm").submit(function(event) {
var username = $("#username").val();
var password = $("#password").val();
var email = $("#email").val();
var phone = $("#phone").val();
var usernameRegex = /^[a-zA-Z0-9_-]{3,16}$/; // 用户名格式,3-16个字母数字下划线减号
var passwordRegex = /^[a-zA-Z0-9_-]{6,18}$/; // 密码格式,6-18个字母数字下划线减号
var emailRegex = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; // 邮箱格式
var phoneRegex = /^1[3|4|5|7|8][0-9]\d{8}$/; // 手机号格式
if (!usernameRegex.test(username)) {
alert("用户名格式不正确");
return false;
}
if (!passwordRegex.test(password)) {
alert("密码格式不正确");
return false;
}
if (!emailRegex.test(email)) {
alert("邮箱格式不正确");
return false;
}
if (!phoneRegex.test(phone)) {
alert("手机号格式不正确");
return false;
}
alert("表单验证通过");
return true;
});
});
```
此代码将在表单提交时进行验证,如果有任何一个字段格式不正确,将弹出相应的提示框。您可以根据需要自定义正则表达式和提示信息。
html表单密码 用户名 电话号码 身份证
HTML表单中的密码输入框、用户名输入框、电话号码输入框和身份证输入框可以使用如下代码来实现:
密码输入框:
```
<label for="password">密码:</label>
<input type="password" id="password" name="password" placeholder="请输入密码">
```
用户名输入框:
```
<label for="username">用户名:</label>
<input type="text" id="username" name="username" placeholder="请输入用户名">
```
电话号码输入框:
```
<label for="phone">电话号码:</label>
<input type="tel" id="phone" name="phone" placeholder="请输入电话号码">
```
身份证输入框:
```
<label for="idcard">身份证号:</label>
<input type="text" id="idcard" name="idcard" placeholder="请输入身份证号">
```
其中,`type="password"`指定了这是一个密码输入框,输入的内容会被隐藏成星号或圆点,防止密码被他人窃取;`type="tel"`指定了这是一个电话号码输入框,只能输入数字和符号“-”;`name`是该输入框在表单中的名称,方便后端程序获取用户输入的信息;`placeholder`是输入框的提示文本,提醒用户需要输入的信息。