JavaScript 基础，登录验证

最新推荐文章于 2024-07-12 09:36:48 发布

weixin_34149796

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量79

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/0542054ghgf/p/7745374.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎你，请先登陆！</title>
    <script type="text/javascript" src="../static/jsp/lx.js"></script>
    <link rel="stylesheet" type="text/css" href="../static/css/lx.css">
</head>
<body>
<div class="div" id="container">
    <div id="header" >
        <h2 class="h">登陆</h2>
    </div>
    <div id="content">
            <p class="p">账号:
                <input id="uname" type="text" placeholder="请输入用户名">
            </p>
            <p class="p">密码:
                <input id="upass" type="password" >
            </p>
            <div id="error_box"><br>
            </div>
            <button  onclick="fnLogin()">登陆</button>
            &nbsp&nbsp&nbsp
            <input type="button" name="regist" value="注册">
    </div>
    <div>
        <i>版权信息@</i>
    </div>
</div>

</body>
</html>

.div {
    border: 5px solid #cccc22;
    width: 400px;
    text-align: center;
}
.p{
    font-family:宋体;
}
.h{
    font-family: 华文宋体;
}

function fnLogin() {
    var oUname = document.getElementById("uname")
    var oUpass = document.getElementById("upass")
    var oError = document.getElementById("error_box")
    if (oUname.value.length > 20 || oUname.value.length < 6) {
        oError.innerHTML = "请输入6-20位字符"
    }

    if (oUpass.value.length > 20 || oUpass.value.length < 6) {
        oError.innerHTML = "请输入6-20位字符"
    }
}

转载于:https://www.cnblogs.com/0542054ghgf/p/7745374.html

weixin_34149796

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 基础，登录验证

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>欢迎你，请先登陆！</title> <script type="text/javascript" src="../static/jsp/lx.j...
复制链接

扫一扫