精华内容
下载资源
问答
  • js验证用户名和密码
    千次阅读
    2022-04-23 17:02:23

    需求:

    接受用户输入的用户名和密码,若用户名为"admin",密码为"123456",则提示用户登录成功。

     var sww = 'admin';  // 设置用户名名称
        var sty = '123456'; // 设置密码
            do {        // 使用 do while循环    先执行一次循环体,也就是下面的 用户名和密码输入框以及if分支。
                var str = prompt('请输入用户名:');  // 弹出用户名输入框
                 var stt = prompt('请输入密码:');   // 弹出密码输入框
                         
                 if (str == sww && stt == sty) {    // 判断用户名和密码是否输入正确
            alert('登录成功')       // 正确弹这个
            } else {
                alert('您输入的用户名火密码错误,请重新输入')    // 错误弹这个
            }
            } while ( str !== sww && stt !== sty)  // 用户名密码输入正确,退出循环; 输入错误,继续循环循环体;

    更多相关内容
  • 代码如下:[removed] function IsDigit(cCheck) { return ((‘0′<=cCheck) && (cCheck<=’9’)); } function IsAlpha(cCheck) { return (((‘a'<=cCheck) && (cCheck<=’z’)) || ((‘A'<...
  • 1.概述 ...验证用户名是否由3-10位的字母、数字下划线组成的正则表达式如下: /^(\w){3,10}$/ 验证密码是否由6-20位的字母、数字、下划线点“.”组成的正则表达式如下: /^[A-Za-z]{1}([A-Za-
  • html lang="en" class="no-js"> <%@ page contentType="text/html;charset=utf-8" language="java" errorPage="" %> <head> <title>登录(Login)</title> <meta name="viewpo...

    <html>
    <!DOCTYPE html>
    <html lang="en" class="no-js">
    <%@ page contentType="text/html;charset=utf-8" language="java" errorPage="" %>
        <head>

          
            <title>登录(Login)</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta name="description" content="">
            <meta name="author" content="">
            <script type="text/javascript">
            function val(){
                var name=window.document.getElementById("username").value;
                var password=window.document.getElementById("password").value;
                
            
                if (name == ""){
                    window.alert("用户名不能为空!");
                    return false;
                }
                if (password ==""){
                    window.alert("密码不能为空!");
                    return false;
                }
            
                 if(name!="zhuxiaolong" && name!="AAA"){
                    window.alert("用户名错误!");
                    return false;
                }
                 
                if(password!="123456" && password!="1234"){
                    window.alert("密码错误!");
                    return false;
                }
                
                
                return true;
            }
        </script>

        </head>

        <body>

            <div class="page-container">
                <h1>登录(Login)</h1>
                <form action="tijiao.jsp" method="post" οnsubmit="return val()">
                    <input type="text" name="username" id="username" class="username" placeholder="请输入您的用户名!">
                    <input type="password" name="password" id="password" class="password" placeholder="请输入您的用户密码!">
                  
                    <button type="submit" class="submit_button">登录</button>
                    <div class="error"><span>+</span></div>
                </form>
               
            </div>

        </body>
    <div style="text-align:center;">

    </div>
    </html>

    展开全文
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...meta name="viewport" content="width=device-width, initial-scale=1.0">...Do.
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .bg {
                background-color: yellow;
            }
        </style>
    </head>
    <body>
        <input type="text" id="name"><br>
        <input type="text" id="pw"><br>
        <input type="button" id="btn" value="提交">
        <script>
            // 检测用户名是否是3-6位,密码是否是6-8位,如果不满足要求高亮显示文本框
            // 1.获取元素
            var username = document.getElementById("name");
            var pw = document.getElementById("pw");
            var btn = document.getElementById("btn");
            // 2.给按钮添加点击事件,然后判断位数是否足够
            btn.onclick = function () {
                // 用户名是否是3-6位,不满足高亮显示
                if (username.value.length < 3 || username.value.length > 6) {
                    username.className = "bg";
                    // 输入错误直接跳出程序,防止提交错误数据
                    return;
                } else {
                    username.className = "";
                }
                // 密码是否是6-8位,不满足高亮显示
                if (pw.value.length < 6 || pw.value.length > 8) {
                    pw.className = "bg";
                    return;
                } else {
                    pw.className = "";
                }
                // 模拟提交
                console.log("提交数据");
            };
        </script>
    </body>
    </html>

    展开全文
  • <!DOCTYPE html> <head> <meta charset="UTF-8"> ...验证用户名和密码是否为空</title> <style> body{background:#ddd;} .box{background:#fff;padding:20px 30px;width...

    图片

    <!DOCTYPE html>
    <head>
      <meta charset="UTF-8">
      <title>验证用户名和密码是否为空</title>
      <style>
        body{background:#ddd;}
        .box{background:#fff;padding:20px 30px;width:400px;margin: 0 auto;text-align:center;}
        .btn{width:180px;height:40px;background:#3388ff;border:1px solid #fff;color:#fff;font-size:14px;}
        .ipt{width:260px;padding:4px 2px;}
        .tips{width:440px;height:30px;margin:5px auto;background:#fff;color:red;border:1px solid #ccc;display:none;line-height:30px;padding-left:20px;font-size:13px;}
      </style>
      <script>
          //编写一个名称为$的函数,根据id获取指定元素
          function $(id){
            return document.getElementById(id);
          }
          //编写checkEmpty函数,检查文本框或密码框内容是否为空,如果为空,tips显示提示
          function checkEmpty(obj){
            if (obj.value == '') {
              $('tips').style.display = 'block';
              $('tips').innerHTML = '注意:输入内容不能为空!';
            } else {
              $('tips').style.display = 'none';
            }
          }
          window.onload = function(){
            //为用户名文本框绑定onblur事件,检查失去焦点时是否为空
            $('user').onblur = function(){ 
              checkEmpty(this);
            }
            //为密码框绑定onblur事件,检查失去焦点时是否为空
            $('pwd').onblur = function(){
              checkEmpty(this);
            }
          }
        </script>
      </head>
      <body>
        <div id="tips" class="tips"></div>
        <div class="box">
          <p><label>用户名:<input id="user" class="ipt" type="text"></label></p>
          <p><label>密 码:<input id="pwd" class="ipt" type="password"></label></p>
          <p><button id="login" class="btn">登录</button></p>
        </div>
      </body>
      </html>
    
    展开全文
  • <%@ page language=“java” import=“java.util.*” pageEncoding=“UTF-8”%> <title>My JSP 'userValidate.jsp' starting page<...script type="text/javascript"> ...
  • js实现用户名和密码的校验

    千次阅读 2021-06-11 10:11:56
    Documentfunction focus_username(){var resultObj = document.getElementById("result_...resultObj.innerHTML = '请输入你的用户名';resultObj.style.color = "gray";}function blur_username(){var resultO...
  • 判断注册用户名和密码复杂程度的js
  • <input type="text" id="userName"><br> <input type="text" id="userPassword">...// 检测用户名和密码 3-6 6-8位 不符合条件时背景高亮 都符合条件时执行登录 // 1. 获取元素 var
  • js正则表达式验证用户名密码

    千次阅读 2021-03-06 20:19:08
    2.验证用户名 var pat=/[\w\u4e00-\u9fa5]{6,12}/ var username="我是用户名2fjlj" var r=pat.exec(username) if(r!=null){ if(r.length==username.length){ alert("用户名合法") } else{ alert("用户名...
  • 要求在用户名输入框中输入的用户名长度至少8个字符,在密码输入框中输入的密码长度至少12个字符,且密码中必须包含有字母、数字下划线。
  • 利用JavaScript用户名和密码进行客户端的验证 校验规则: 1. 用户名只能为数字/字母/英文点号(.), 且不能由数字开始, 至少4位 2. 密码不能由全部重复的字符组成, 不能由连续的数字组成(123456/654321), 至少6位 ...
  • ajax验证用户名和密码
  • 废话不多说了,下面给大家介绍使用正则表达式验证用户名密码、手机号码、身份证的写法,需要的的朋友参考下吧 //用户名 + (BOOL) validateUserName:(NSString *)name { NSString *userNameRegex = @"^[A-Za-z0-9...
  • Ajax验证用户名和密码

    2016-07-29 11:49:43
    Ajax验证用户名和密码
  • charset=UTF-8" pageEncoding="UTF-8"%> Insert title here 用户登录窗口 用户名: 密码: 比对用户名和密码是否相同,相应跳转到输入正确或错误的界面 ; charset=UTF-8" pageEncoding="UTF-8"%> Insert title ...
  • Vue使用表单验证用户名和密码

    千次阅读 2022-03-01 16:14:25
    功能描述:实现输入用户名和密码不合法时提前弹出提示 表单样式: 基本功能: 为空时提示: 长度不合法时提示: 表单输入文本框代码: <el-form :model="user" :rules="rules"> <el-form-item prop=...
  • js 验证用户名和密码是否为空

    万次阅读 2015-02-02 17:05:11
    checkPasswordResult.innerHTML = "密码不能为空"; obj.focus(); }else{ checkPasswordResult.innerHTML = ""; } } 用户名: <td><input type="text" name="username" onblur=...
  • js用户名密码验证

    万次阅读 多人点赞 2018-09-19 21:25:01
    //校验用户名密码是否合法 var iptName=document.getElementById('txt-name'); var iptPwd=document.getElementById('pwd'); var tipName=document.getElementById('tip-name'); var tipPwd=document....
  • js判断登陆用户名密码是否为空的简单实例 [removed] // 验证输入不为空的脚本代码 function checkForm(form) { if(form.username.value == ) { alert(用户名不能为空!); form.username.focus(); return ...
  • ●登录名和密码是同时验证的,并不是先验证登录...现在web工程多是这么进行登录用户名和密码验证●动态验证码是采用Image的一个servlert实时生成动态验证码,并且servlert将生成的动态验证码保存在session中,在j...
  • 本文实例为大家介绍了ajax验证用户名和密码的具体代码,供大家参考,具体内容如下 1.ajax主体部分  var xmlrequest; function createXMLHttpRequest(){ if(window.XMLHttpRequest){ xmlrequest=new ...
  • 该模块使您可以在Node.js应用程序中使用用户名和密码进行身份验证。 通过插入Passport,可以轻松,毫不费力地将本地身份验证集成到任何支持风格中间件(包括应用程序或框架中。 广告 业界领先的安全性屡获殊荣的...
  • 主要介绍了PHP登录验证功能,结合实例形式分析了php登陆验证相关的用户名密码、验证码、数据库、已登陆验证、自动登录注销登录等相关操作技巧,需要的朋友可以参考下
  • 密码确认:和密码一致 焦点离开是check 电子邮件:格式正确 焦点离开是check 生日:格式正确 9999/99/99 性别:默认是不选中 年纪:默认是不选中 可选项目兴趣介绍 保存是check 分了方便理解笔者吧check函数分开来...
  • php验证用户名密码是否为空很多时候,我们前端js对用户名密码进行了非空验证,后端还需要再次验证一下,这样能保证数据的安全,代码逻辑的健壮性。php验证用户名密码为空的方法,代码如下:if (!isset($_POST['...
  • 给大家收集整理了用户名和密码等15个常用的js正则表达式,需要的朋友参考下吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 79,533
精华内容 31,813
关键字:

js验证用户名和密码

友情链接: PWM.zip