var oldpass = document.getElementById("oldpass"); var correct = document.getElementById("correct"); oldpass.onblur = fun (){ if (this.value !="cdj") { correct.innerHTML ="原密码不对"; correct.style ="color:red"; this.focus(); } else { correct.innerHTML = ""; } }接下来怎么写
时间: 2024-02-02 09:02:58 浏览: 51
layui.use模块外部使用其内部定义的js封装函数方法
这段代码是一个 JavaScript 的事件监听器,用于监听输入框 "oldpass" 的失去焦点事件。当输入框失去焦点时,会执行其中的函数。
根据代码的逻辑,如果输入框的值不是 "cdj",则会在页面上显示提示信息 "原密码不对",并将提示信息的文字颜色设置为红色,同时将焦点重新设置到输入框中。如果输入框的值是 "cdj",则提示信息被清空。
如果你想继续编写这个功能的话,可以在页面上添加一个新的输入框,用于输入新密码。然后编写一个新的事件监听器,用于监听新密码输入框的失去焦点事件。在监听器中,判断新密码是否符合要求,并在页面上显示相应的提示信息。
具体的代码实现可以参考以下示例:
HTML 代码:
```html
<label>原密码:</label>
<input type="password" id="oldpass" />
<span id="correct"></span>
<br />
<label>新密码:</label>
<input type="password" id="newpass" />
<span id="newpassCorrect"></span>
```
JavaScript 代码:
```javascript
var oldpass = document.getElementById("oldpass");
var newpass = document.getElementById("newpass");
var correct = document.getElementById("correct");
var newpassCorrect = document.getElementById("newpassCorrect");
oldpass.onblur = function() {
if (this.value !== "cdj") {
correct.innerHTML = "原密码不对";
correct.style.color = "red";
this.focus();
} else {
correct.innerHTML = "";
}
};
newpass.onblur = function() {
if (this.value.length < 6) {
newpassCorrect.innerHTML = "新密码长度不能少于 6 位";
newpassCorrect.style.color = "red";
this.focus();
} else {
newpassCorrect.innerHTML = "";
}
};
```
这段代码中,我们在页面上添加了一个新的输入框和一个新的提示信息区域。然后编写了一个新的事件监听器,用于监听新密码输入框的失去焦点事件。在监听器中,我们判断了新密码的长度是否符合要求,并在页面上显示相应的提示信息。
阅读全文