试题:用JavaScript实现密码验证功能
问题描述:
1)当用户在密码框中输入密码且密码框失去焦点时,验证密码的正确性。
如输入密码等于"123456",提示用户密码验证正确。否则,提示用户密码验证错误,并使密码框作为焦点。
2)当用户点击重置按钮时,清空所有文本输入框。
<html>
<head>
<title>用户登录</title>
<scriptlanguage="Javascript">
functionverifyPwd(pw){ } |
functionresetValue(){ } |
</script>
</head>
<bodybgcolor="#EEEEEE"><fontcolor="blue">
<formname="loginForm">
用户名:
<inputtype="text"name="user"size="30">
<br>密码:
<inputtype="password"name="pwdField"size="30"
onblur="returnverifyPwd(this)">
<br>
<inputtype=buttonvalue="确定">
<inputtype=buttonvalue="重置"
onclick="returnresetValue()”>
</form>
</body>
</html>
复习知识点:
1、对于获得表单元素的引用方法有很多种,有通过getElementById()方法,只需传入表单的ID就可以得到相应的表单的引用,我们还用document的from集合。如下的两种形式都可以得到相应表单的引用:
Varmyform=document.forms[i]//i为相应表单的索引;
Varmyfrom=document.forms[“formname”]//formname为相应的表单名。
答案:
functionverifyPwd(pw){
if(pw.value=="123456")
{
alert("密码输入正确");
}else{
alert("密码输入错误");
}
}
functionresetValue(){
document.forms["loginForm"].reset();//这里是调用表单中的reset()方法,这个方法相当于<input type="reset" value="重置"/>
}
优质内容筛选与推荐>>