jsp中使用js控制两次输入密码必须一致,否则无法提交表单
时间: 2024-10-08 14:01:33 浏览: 50
在JSP(JavaServer Pages)中,为了防止用户在提交表单前输入的密码不一致,你可以利用JavaScript来验证这个条件。这里是一个简单的示例:
首先,在HTML表单中添加两个密码输入框(`<input>`标签),以及一个用于隐藏的“确认密码”字段,并为其设置一个ID以便JavaScript访问:
```html
<form id="myForm" onsubmit="return checkPasswordConsistency()">
<label for="password">密码:</label>
<input type="password" id="passwordInput" name="password">
<label for="confirmPassword">确认密码:</label>
<input type="password" id="confirmPasswordInput" name="confirmPassword">
<input type="hidden" id="confirmField" name="confirmField" value="">
<button type="submit">提交</button>
</form>
```
然后,在页面底部或单独的一个JavaScript文件中编写函数 `checkPasswordConsistency()`,它会在表单提交前检查两个密码是否一致:
```javascript
<script>
function checkPasswordConsistency() {
var password = document.getElementById("passwordInput").value;
var confirmPassword = document.getElementById("confirmPasswordInput").value;
// 获取隐藏的确认密码字段并清空旧值
var confirmField = document.getElementById("confirmField");
confirmField.value = '';
if (password !== confirmPassword) {
confirmField.value = "两次输入的密码不一致";
alert("密码不一致,请重新输入!");
return false; // 阻止表单提交
} else {
return true; // 表单可以正常提交
}
}
</script>
```
当用户尝试提交表单时,如果密码不一致,会弹出警告提示,并阻止表单提交。如果两次输入的密码一致,表单则会正常提交。
阅读全文