//使用js实现用户注册功能,用户需要填入用户名(4-12,英文字母),密码(6-20,字母,数字,下划线),手机号(以13-19开头的11位手机号),若全部正确,跳到超星学习通界面
时间: 2024-06-14 16:06:17 浏览: 8
以下是使用JavaScript实现用户注册功能的代码:
```javascript
function register() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var phoneNumber = document.getElementById("phoneNumber").value;
// 验证用户名
var usernameRegex = /^[a-zA-Z]{4,12}$/;
if (!usernameRegex.test(username)) {
alert("用户名格式不正确,请输入4-12位英文字母");
return;
}
// 验证密码
var passwordRegex = /^[a-zA-Z0-9_]{6,20}$/;
if (!passwordRegex.test(password)) {
alert("密码格式不正确,请输入6-20位字母、数字或下划线");
return;
}
// 验证手机号
var phoneNumberRegex = /^1[3-9]\d{9}$/;
if (!phoneNumberRegex.test(phoneNumber)) {
alert("手机号格式不正确,请输入以13-19开头的11位手机号");
return;
}
// 跳转到超星学习通界面
window.location.href = "https://www.chaoxing.com";
}
```
HTML代码:
```html
<form>
<label for="username">用户名:</label>
<input type="text" id="username" required><br>
<label for="password">密码:</label>
<input type="password" id="password" required><br>
<label for="phoneNumber">手机号:</label>
<input type="text" id="phoneNumber" required><br>
<button type="button" onclick="register()">注册</button>
</form>
```
请注意,以上代码只是一个简单的示例,实际应用中还需要进行更严格的验证和安全性处理。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)