zoukankan      html  css  js  c++  java
  • php js表单登陆验证

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>项目后台管理系统</title>
    <link rel="stylesheet" href="__PUBLIC__/css/login.css" />
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript">
    function $(id)
    {
        return document.getElementById(id);
    }
    //验证姓名
    function checkname(){
        var name=$("admin_name").value;
        if(name=='')
        {
          $('s1').innerHTML='姓名不能为空';
          $('s1').style.color='red';
          return false;
        }
        else
        {
            $('s1').innerText='ok';
            $('s1').style.color='green';
            return true;
        }
    }
    //验证密码
    function checkpwd(){
        var password=$("password").value;
        if(password=='')
        {
          $('s2').innerHTML='密码不能为空';
         $('s2').style.color='red';
          return false;
        }
        else
        {
            $('s2').innerHTML='ok';
           $('s2').style.color='green';
            return true;
        }
        
    }
    //验证所有表单提交
    function checkall()
    {
        if(checkname()&&checkpwd())
        {
            return true;
        }
        else
        {
            return false;
        }
    }
    </script>
    </head>

    <body class="b">
    <div class="lg">
    <form action="__URL__/dologin" method="POST" onsubmit="return checkall();">
        <div class="lg_top"></div>
        <div class="lg_main">
            <div class="lg_m_1">
            <input name="admin_name" value="" class="ur" id="admin_name" onblur="checkname();"/><span id='s1'></span>
            <input name="password" type="password" value="" class="pw" id="password" onblur="checkpwd();"/><span id='s2'></span>
            </div>
        </div>
        <div class="lg_foot">
        <input type="submit" value="Login In" class="bn" /></div>
    </form>
    </div>

    </body>
    </html>


  • 相关阅读:
    LOJ 6089 小Y的背包计数问题 —— 前缀和优化DP
    洛谷 P1969 积木大赛 —— 水题
    洛谷 P1965 转圈游戏 —— 快速幂
    洛谷 P1970 花匠 —— DP
    洛谷 P1966 火柴排队 —— 思路
    51Nod 1450 闯关游戏 —— 期望DP
    洛谷 P2312 & bzoj 3751 解方程 —— 取模
    洛谷 P1351 联合权值 —— 树形DP
    NOIP2007 树网的核
    平面最近点对(加强版)
  • 原文地址:https://www.cnblogs.com/shaohuixia/p/5506692.html
Copyright © 2011-2022 走看看