1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

JavaScript 基础,登录前端验证

作者:用户 来源:互联网 时间:2018-11-12 13:42:09

java文件autosheetpassword标识GREIDT.com

JavaScript 基础,登录前端验证 - 摘要: 本文讲的是JavaScript 基础,登录前端验证, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆</ti

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
   <link href="../static/zz.css" rel="stylesheet" type="text/css">
    <script>
        function myLogin(){
            var uName = document.getElementById("name");
            var uPass = document.getElementById("upass");
            var uError = document.getElementById("error_box");
            if(uName.value.length<6){
                uError.innerHTML = "User name is at least 6 digits。"
            }
            if(uName.value.length>20){
                uError.innerHTML = "The user name can not be greater than 20 digits。"
            }
            if(uName.value.length>=6&&uName.value.length<=20){
                if(uPass.value.length<6){
                    uError.innerHTML = "Password is at least 6 digits。"
                }
                if(uPass.value.length>20){
                    uError.innerHTML = "The password can not be greater than 20 digits。"
                }
            }

        }
    </script>
</head>
<body bgcolor="#696969">

    <div class="box">
        <h2>Login</h2>

        <div class="input-box" >
            <p>Please enter user name</p>
                <input id="name" type="text" placeholder="Name">
        </div>
        <div class="input_box">
            <p>Please enter your password</p>
                <input id="upass" type="password" placeholder="Password"><br>
            <a href="a">forget password</a>
        </div>
        <div id="error_box"><br></div>
         <div class="input_box">
            <button onclick="myLogin()">Login</button>
        </div>
    </div>

</body>
</html>
    .box{
        margin:0 auto;
        text-align:center;
        width:500px;height:300px;
        border:2px solid #D87093;
        background:#FFC0CB;
    }

 

JavaScript 基础,登录前端验证

 

<script></script>的三种用法: 放在<body>中 放在<head>中 放在外部JS文件中

 

三种输出数据的方式: 使用 document.write() 方法将内容写到 HTML 文档中。 使用 window.alert() 弹出警告框。 使用 innerHTML 写入到 HTML 元素。 使用 "id" 属性来标识 HTML 元素。 使用 document.getElementById(id) 方法访问 HTML 元素。 用innerHTML 来获取或插入元素内容。

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>time</title>
</head>
<body style="text-align: center;bgcolor:pink">
    <div style="border:1px dashed #696969;width:600px;margin:0 auto">
        <h4>当前时间</h4>
        <p id="demo"></p>
    </div>
    <p></p>
    <script>
        document.write("Hello!")
        document.getElementById("demo").innerHTML=Date();
    </script>
    <p></p>
    <button type="button" onclick=window.alert("该用户不存在。")>Login</button>
</body>
</html>

JavaScript 基础,登录前端验证

JavaScript 基础,登录前端验证

 

JavaScript 基础,登录前端验证

标签:password   .com   java   文件   idt   auto   sheet   标识   gre   

原文地址:http://www.cnblogs.com/xxxiaoxiannv/p/7722803.html

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索java , 文件 , auto , sheet , password , 标识 , GRE , IDT .com ,以便于您获取更多的相关知识。

js-webqq最近登录问题,前端学的不好,求解

问题描述 webqq最近登录问题,前端学的不好,求解 最近webqq登录有点不一样了,需要验证码可以登录上去,不需要验证码反而登不上去了, 看来应该密码加密算法没有变,但是不知道不用...

javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)_javascript技巧

前言: 密码强度是一个很普遍的功能,比较简单,主要是怎么制定这个强度规则。现在需要升级密码强度的验证,以前的验证比较简单,现在已经不能满足需求了,现在需要可灵活变化并有多级别可配置选择的一个密码强度验...

[入门] Laravel 5.3 与 Vue 组件如何协作,轻松的完成前端的工作

2016.11.06,中国海南•海口 见过很多同学对写 JavaScript 代码都很头疼,因为后台代码的编写一般由框架规范了很多东西,大多数人其实都能快高效率的进入开发,而前端项目的代码就会粘贴复制居多,而且可复用性也很差。 La...

如何在腾讯云上搭建一个人力资源Saas

...脱离美工也能写出丰富多彩的页面,它是基于 HTML、CSS、JAVASCRIPT 的,简洁灵活,使得 Web 开发更加快捷。 独立应用,为了给用户提供更快捷地访问方式,将web端与微信端独立。Web端的登录采用了传统的角色,用户名和密码的验...

用户登录成功后的信息初始化及持久连接安全机制---php+json+jq

...用来连接数据库服务器。前端数据获取:前端在jquery库的基础上可以有两种方式得到服务端响应的json数据,一种是$.get(url,data.function(res){...eval("("+responseData+")");...})方式,一种是不需要编写eval函数而通过$.getJSON(url,data,function(res){...

前三篇
后三篇