js用户名和密码合法校验
2021/6/12 10:23:04
本文主要是介绍js用户名和密码合法校验,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<input type="text" id="userName"><br> <input type="text" id="userPassword"><br> <input type="button" id="btnLogin" value="登录">
.highLight { background-color: red; }
// 检测用户名和密码 3-6 6-8位 不符合条件时背景高亮 都符合条件时执行登录 // 1. 获取元素 var userName = document.getElementById('userName'); var userPassword = document.getElementById('userPassword'); var btnLogin = document.getElementById('btnLogin'); // 2. 注册事件 btnLogin.onclick = function () { // 2.1 检查用户名和密码的长度 // console.log(userName.value); if (userName.value.length < 3 || userName.value.length > 6) { // 2.2 不符合条件时背景高亮 userName.className = 'highLight'; return; // 不符合条件时不执行登录 } else { userName.className = ''; } if (userPassword.value.length < 6 || userPassword.value.length > 8) { // 2.2 不符合条件时背景高亮 userPassword.className = 'highLight'; return; // 不符合条件时不执行登录 } else { userPassword.className = ''; } console.log('执行登录'); }
这篇关于js用户名和密码合法校验的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践
- 2024-09-27Vue3公共组件教程:新手入门指南
- 2024-09-27Vue3教程:初学者快速入门指南