注册页面的简单数据校验 先去掉两个输入框中的空格 用户名长度不低于6，不高于20 用户名不可以用数字开头 密码不能为空 输入框中要有默认提示 (placeholder ) 点击登录按钮检查是否合法

注册页面的数据校验是一个关键环节，目的是保证用户提交的有效信息。以下是几个基本步骤：

1. **去除空格**：首先，当用户输入用户名和密码后，你需要验证这两个字段，移除多余的空格，这可以通过JavaScript的trim()函数轻松完成。

let username = document.getElementById('username').value.trim();
let password = document.getElementById('password').value.trim();

2. **长度限制**：设置正则表达式检查用户名的长度，确保其在6到20个字符之间。例如：

if (!(/^[a-zA-Z]{6,20}$/).test(username)) {
   alert('用户名长度应在6至20个字符之间');
}

3. **数字开头禁止**：同样使用正则表达式，确保用户名不以数字开始：

if (/^\d/.test(username)) {
   alert('用户名不能以数字开头');
}

4. **密码验证**：密码不能为空，可以添加类似下面的检查：

if (password === '') {
   alert('密码不能为空');
}

5. **默认提示显示**：为了提供初始指导，可以在输入框上使用`placeholder`属性展示默认提示：

<input type="text" id="username" placeholder="请输入用户名">
<input type="password" id="password" placeholder="请输入密码">

6. **登录按钮检查**：在点击登录前，将上述所有校验集成在一个函数里，并阻止表单提交如果任一条件不满足：

document.getElementById('loginButton').addEventListener('click', function(event) {
    if (!validateForm()) {
        event.preventDefault(); // 阻止表单提交
    }
});

function validateForm() {
    // 调用以上所有校验函数并返回结果
}