使用html做一个简单的用户注册要求进行验证,1.用户名不能以数字为开头,只能以字母为开头,且长度大于或等于6个字符,小于或等于20个字符 2.密码和重复密码不能和用户名相同,只能以字母开头,且长度大于或等于6个字符,小于或等于20个字符 3.邮箱地址符合电子邮箱地址的基本语法 4.使用了JavaScript并且使用正则表达式
时间: 2024-03-18 07:40:14 浏览: 174
编写一个用户注册信息填写验证程序,注册信息包括用户名、密码、EMAIL地址、联系电话。要求验证联系电话中只能输入数字,EMAIL地址中需要包括“@”符号,密码域不少于6位。要求联系电话在输入过程中保证不能有非数字,而其他两个域在点击注册按钮时再进行数据检查。
3星 · 编辑精心推荐
以下是一个使用JavaScript和正则表达式进行用户注册要求验证的示例代码:
```html
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>
<label for="confirm-password">重复密码:</label>
<input type="password" id="confirm-password" name="confirm-password" required>
<br>
<label for="email">邮箱地址:</label>
<input type="email" id="email" name="email" required>
<br>
<input type="submit" value="提交" onclick="validate()">
</form>
<script>
function validate() {
// 获取表单字段
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var confirmPassword = document.getElementById("confirm-password").value;
var email = document.getElementById("email").value;
// 验证用户名
var usernameRegex = /^[a-zA-Z][a-zA-Z0-9]{5,19}$/;
if (!usernameRegex.test(username)) {
alert("用户名不符合要求!");
return false;
}
// 验证密码和重复密码
var passwordRegex = /^[a-zA-Z][a-zA-Z0-9]{5,19}$/;
if (!passwordRegex.test(password)) {
alert("密码不符合要求!");
return false;
}
if (password === username) {
alert("密码不能和用户名相同!");
return false;
}
if (password !== confirmPassword) {
alert("两次输入的密码不一致!");
return false;
}
// 验证邮箱地址
var emailRegex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
if (!emailRegex.test(email)) {
alert("邮箱地址不符合要求!");
return false;
}
// 验证通过
return true;
}
</script>
```
解释:
1. `onclick="validate()"`:这个属性用于在用户点击提交按钮时调用JavaScript函数进行表单验证。
2. `var usernameRegex = /^[a-zA-Z][a-zA-Z0-9]{5,19}$/;`:这个正则表达式用于验证用户名,要求以字母开头,后面可以是字母或数字,长度在6到20个字符之间。
3. `var passwordRegex = /^[a-zA-Z][a-zA-Z0-9]{5,19}$/;`:这个正则表达式用于验证密码和重复密码,要求以字母开头,后面可以是字母或数字,长度在6到20个字符之间。
4. `var emailRegex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;`:这个正则表达式用于验证邮箱地址,符合电子邮箱地址的基本语法,邮箱地址中只能包含字母、数字、下划线和横线。
5. 在JavaScript函数中,根据表单字段的值使用正则表达式进行验证,如果验证不通过,则弹出提示框并返回false。如果验证通过,则返回true,使得表单可以提交。
阅读全文