试题:用JavaScript实现密码验证功能
2013-09-29 07:52
363 查看
问题描述:
1) 当用户在密码框中输入密码且密码框失去焦点时,验证密码的正确性。
如输入密码等于"123456",提示用户密码验证正确。否则,提示用户密码验证错误,并使密码框作为焦点。
2) 当用户点击重置按钮时,清空所有文本输入框。
<html>
<head>
<title>用户登录 </title>
<script language="Javascript">
</script>
</head>
<body bgcolor="#EEEEEE"><font color="blue">
<form name="loginForm">
用户名:
<input type="text" name="user" size="30">
<br> 密码:
<input type="password" name="pwdField" size="30"
onblur="return verifyPwd(this)" >
<br>
<input type=button value="确定" >
<input type=button value="重置"
onclick="return resetValue()” >
</form>
</body>
</html>
复习知识点:
1、对于获得表单元素的引用方法有很多种,有通过getElementById()方法,只需传入表单的ID就可以得到相应的表单的引用,我们还用document的from集合。如下的两种形式都可以得到相应表单的引用:
Var myform = document.forms[i]//i为相应表单的索引;
Var myfrom = document.forms[“formname”]//formname为相应的表单名。
答案:
function verifyPwd(pw){
if(pw.value=="123456")
{
alert("密码输入正确");
}else{
alert("密码输入错误");
}
}
function resetValue(){
document.forms["loginForm"].reset();//这里是调用表单中的reset()方法,这个方法相当于<input type="reset" value="重置"/>
}
1) 当用户在密码框中输入密码且密码框失去焦点时,验证密码的正确性。
如输入密码等于"123456",提示用户密码验证正确。否则,提示用户密码验证错误,并使密码框作为焦点。
2) 当用户点击重置按钮时,清空所有文本输入框。
<html>
<head>
<title>用户登录 </title>
<script language="Javascript">
function verifyPwd(pw){ } |
function resetValue(){ } |
</head>
<body bgcolor="#EEEEEE"><font color="blue">
<form name="loginForm">
用户名:
<input type="text" name="user" size="30">
<br> 密码:
<input type="password" name="pwdField" size="30"
onblur="return verifyPwd(this)" >
<br>
<input type=button value="确定" >
<input type=button value="重置"
onclick="return resetValue()” >
</form>
</body>
</html>
复习知识点:
1、对于获得表单元素的引用方法有很多种,有通过getElementById()方法,只需传入表单的ID就可以得到相应的表单的引用,我们还用document的from集合。如下的两种形式都可以得到相应表单的引用:
Var myform = document.forms[i]//i为相应表单的索引;
Var myfrom = document.forms[“formname”]//formname为相应的表单名。
答案:
function verifyPwd(pw){
if(pw.value=="123456")
{
alert("密码输入正确");
}else{
alert("密码输入错误");
}
}
function resetValue(){
document.forms["loginForm"].reset();//这里是调用表单中的reset()方法,这个方法相当于<input type="reset" value="重置"/>
}
相关文章推荐
- JavaScript使用cookie实现记住账号密码功能
- Android高效率编码-第三方SDK详解系列(二)——Bmob后端云开发,实现登录注册,更改资料,修改密码,邮箱验证,上传,下载,推送消息,缩略图加载等功能
- javascript小例子--实现邮箱验证的功能
- JavaScript使用键盘输入控制实现数字验证功能
- Javascript实现登录记住用户名和密码功能
- javascript 异或运算符实现简单的密码加密功能
- 使用Knockout实现密码强度的验证功能
- javascript客户端保存cookie实现记住密码功能
- webView与javaScript的交互,实现账号密码自动填充的功能
- JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
- JavaScript实现密码强度验证
- jQuery插件Validation验证表单实现javascript表单智能验证功能
- jQuery插件Validation验证表单实现javascript表单智能验证功能
- 使用javascript 实现.net 验证控件功能
- JavaScript实现表单注册、表单验证、运算符功能
- JavaScript使用cookie实现记住账号密码功能
- ASP.NET结合JS实现密码强度的验证功能(转)
- JS基于正则表达式实现的密码强度验证功能示例
- Android项目开发(4)-忘记密码---验证码验证页面功能实现
- jQuery插件Validation验证表单实现javascript表单智能验证功能