表单中有用户名,密码,确认密码,及注册按钮; 1.如果直接点"注册",则提示"用户名或密码及确认密码不能为空" 2. 如果输入的密码和确认密码不正确, 点击"注册",则提示"密码和确认密码不正确" 注意:有错误,则不能提交
时间: 2023-08-10 21:07:23 浏览: 140
感谢您的提问。根据您的描述,您需要一个表单验证的功能来确保用户输入的信息符合要求。以下是一个简单的示例 JavaScript 代码:
```javascript
const form = document.querySelector('form');
const usernameInput = document.querySelector('#username');
const passwordInput = document.querySelector('#password');
const confirmPasswordInput = document.querySelector('#confirm-password');
form.addEventListener('submit', (event) => {
event.preventDefault(); // 阻止表单默认提交行为
if (!usernameInput.value || !passwordInput.value || !confirmPasswordInput.value) {
alert('用户名或密码及确认密码不能为空');
return;
}
if (passwordInput.value !== confirmPasswordInput.value) {
alert('密码和确认密码不正确');
return;
}
// 如果表单验证通过,则可以提交表单
form.submit();
});
```
这段代码监听了表单的 submit 事件,并在事件处理函数中进行了表单验证。如果验证不通过,则弹出相应的提示信息,否则允许表单提交。您可以根据需要修改提示信息的内容和样式。
阅读全文