如果我想在提交表单前检测两次输入密码是否一致呢请给我js实现的样例吧
时间: 2024-05-10 21:17:58 浏览: 3
可以使用JavaScript来检测两次输入密码是否一致。以下是一个简单的实现样例:
```html
<form>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<label for="confirm-password">Confirm Password:</label>
<input type="password" id="confirm-password" name="confirm-password"><br><br>
<input type="submit" value="Submit">
</form>
<script>
function validateForm() {
var password = document.getElementById("password").value;
var confirmPassword = document.getElementById("confirm-password").value;
if (password != confirmPassword) {
alert("Passwords do not match");
return false;
}
}
document.querySelector('form').addEventListener('submit', function(e) {
if (!validateForm()) {
e.preventDefault();
}
});
</script>
```
在这个例子中,我们首先获取了两个输入框中的密码值,并且比较它们是否相同。如果不同,我们使用JavaScript的alert函数显示错误消息,并返回false来阻止表单的提交。最后,我们将validateForm()函数添加到表单的submit事件监听器中,以便在提交前检查表单。