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程序设计有所帮助。