JavaScript登录验证

最新推荐文章于 2024-07-13 17:56:15 发布

Xiao-gl

最新推荐文章于 2024-07-13 17:56:15 发布

阅读量8.1k

点赞数 9

文章标签： javascript js

本文链接：https://blog.csdn.net/xiaoguilong1/article/details/109318207

版权

这篇博客介绍了如何使用JavaScript进行登录验证，包括账号和密码的规则设置。账号要求3-15位，不能数字开头；密码要求6-18位，不能全为数字或全为字符。文章提供了相应的JS代码示例，展示了一个登录验证的完整流程，并给出了效果演示。

摘要由CSDN通过智能技术生成

要求

账号：3-15位并且不能数字开头
密码：6-18位并且不能全是数字或者全是字符

页面代码

<body>
<form>
    <label>用户名:</label><input type="text" id="userName" name="userName" placeholder="长度在3-15&&非数字开头"
                             onblur="checkUserName()"/><span id="userNameShow"></span><br>
    <label>密码:</label><input type="text" id="pwd" name="pwd" placeholder="长度在6-18&&含数字和字母"
                             onblur="checkPwd()"/><span id="pwdShow"></span><br>
    <input type="submit" value="注册" onclick="reg()"/><br>
    <span id="resultShow"></span>
</form>
</body>

JS代码

账号判断

function checkUserName() {
   

    var userName = document.getElementById("userName").value;
    var userNameShowDom = docume

最低0.47元/天解锁文章

Xiao-gl

关注

9
点赞
踩
42

收藏

觉得还不错? 一键收藏
5
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫