原生javascript的账号密码登录验证

	**body**
 <p>登陆验证</p> 
     账号:<input id="num" type="text" name="username" /><br /> 
     密码:<input id="pas" type="password" name="password" /><br /> 
     <p id="p"></p> 
     <button onclick="Login()" type="button" style="height: 40px; width: 100px; color: black; font-size: 12px;">登陆</button>

script

function Login() {  /*登陆验证*/
    var Element = document.getElementById("num").value; /*获得账号输入框的内容*/
    var pasElement = document.getElementById("pas").value; /*获得密码输入内容*/
    /*输入的空格,或者连续空格,正则 'g':全局匹配.'i':对大小写不敏感的匹配。'm':多行匹配。*/
    try {
        if (Element == null || Element.replace(/(^\s*)|(\s*$)/g, "") == "" || pasElement == null || pasElement.replace(/(^\s*)|(\s*$)/g, "") == "") {
            throw "账号或密码不能为空或者空格!";
        } else if (isNaN(Element)) {
            throw "账号只能是数字!";
        } else if (Element.length < 8 || pasElement.length < 6) {
            throw "账号最小长度为8,密码的最小长度为6!";
        } else {
            document.getElementById("p").innerHTML = "登陆成功!";
        }
    } catch(err) {
        document.getElementById("p").innerHTML = err;   // 1.弹出警告框。
    }
 
}

在这里插入图片描述

  • 3
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值