js编写注册账号,含有登入账号,昵称,密码,上传头像,验证用正则表达
时间: 2023-05-29 16:07:59 浏览: 79
式
以下是一个基本的注册账号的js代码,包含了登入账号、昵称、密码和上传头像等功能。此外,还加入了基本的正则表达式验证功能,以确保输入的内容符合预期格式。
```javascript
// 获取表单元素
var loginInput = document.getElementById("loginInput");
var nicknameInput = document.getElementById("nicknameInput");
var passwordInput = document.getElementById("passwordInput");
var avatarInput = document.getElementById("avatarInput");
var submitButton = document.getElementById("submitButton");
// 给提交按钮绑定事件
submitButton.addEventListener("click", function() {
// 获取输入框中的内容
var loginValue = loginInput.value;
var nicknameValue = nicknameInput.value;
var passwordValue = passwordInput.value;
var avatarValue = avatarInput.value;
// 正则表达式验证
var loginRegex = /^[a-zA-Z0-9_-]{4,16}$/;
var nicknameRegex = /^[a-zA-Z0-9_\u4e00-\u9fa5]{2,16}$/;
var passwordRegex = /^[a-zA-Z0-9_-]{6,18}$/;
var avatarRegex = /\.(jpg|jpeg|png)$/i;
if (!loginRegex.test(loginValue)) {
alert("登入账号格式不正确!");
return;
}
if (!nicknameRegex.test(nicknameValue)) {
alert("昵称格式不正确!");
return;
}
if (!passwordRegex.test(passwordValue)) {
alert("密码格式不正确!");
return;
}
if (!avatarRegex.test(avatarValue)) {
alert("头像格式不正确!");
return;
}
// 如果所有输入都有效,则提交表单
alert("注册成功!");
});
```
以上代码是一个基本的注册账号的js代码,可以根据需要进行修改和扩展。其中,正则表达式验证是关键,可以根据具体需求进行调整。