js表单登陆验证示例
本文实例讲述了js表单登陆验证的方法。分享给大家供大家参考，具体如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>项目后台管理系统</title>
<linkrel="stylesheet"href="__PUBLIC__/css/login.css"/>
<scripttype="text/javascript"src="__PUBLIC__/js/jquery.min.js"></script>
<scripttype="text/javascript">
function$(id)
{
returndocument.getElementById(id);
}
//验证姓名
functioncheckname(){
varname=$("admin_name").value;
if(name=='')
{
$('s1').innerHTML='姓名不能为空';
$('s1').style.color='red';
returnfalse;
}
else
{
$('s1').innerText='ok';
$('s1').style.color='green';
returntrue;
}
}
//验证密码
functioncheckpwd(){
varpassword=$("password").value;
if(password=='')
{
$('s2').innerHTML='密码不能为空';
$('s2').style.color='red';
returnfalse;
}
else
{
$('s2').innerHTML='ok';
$('s2').style.color='green';
returntrue;
}
}
//验证所有表单提交
functioncheckall()
{
if(checkname()&&checkpwd())
{
returntrue;
}
else
{
returnfalse;
}
}
</script>
</head>
<bodyclass="b">
<divclass="lg">
<formaction="__URL__/dologin"method="POST"onsubmit="returncheckall();">
<divclass="lg_top"></div>
<divclass="lg_main">
<divclass="lg_m_1">
<inputname="admin_name"value=""class="ur"id="admin_name"onblur="checkname();"/><spanid='s1'></span>
<inputname="password"type="password"value=""class="pw"id="password"onblur="checkpwd();"/><spanid='s2'></span>
</div>
</div>
<divclass="lg_foot">
<inputtype="submit"value="LoginIn"class="bn"/></div>
</form>
</div>
</body>
</html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语