Vue.js密码框大小写提示

最新推荐文章于 2023-06-16 10:48:13 发布
最新推荐文章于 2023-06-16 10:48:13 发布
阅读量2.5k 收藏 6
点赞数 2
分类专栏： vue 文章标签： vue 密码框大小写提示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hpsyche/article/details/100128812
版权

前言

在写项目调前端时有如下需求：密码框大写时需要加以提示；
项目组件使用的基本是element-ui，由于自己对前端不对熟悉，在这里做下笔记，也算是给大家提供下参考。

具体实现

首先是密码框（主要是这句：@keyup.native=“loginKeyDown”）

<li>
    <el-input prefix-icon="el-icon-lock" type="password" v-model.trim="loginFrom.password"
placeholder="密码" @keyup.native="loginKeyDown" clearable @keyup.enter.native="loginFn"></el-input>
	<div style="height:15px">&nbsp;<el-tag v-show="bigChar"
最低0.47元/天 解锁文章
Hpsyche
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue.js随机密码生成器插件
07-24
1. **定义字符集**：随机密码通常由大小写字母、数字和特殊字符组成，这样可以增加密码的复杂性和安全性。 2. **设置密码长度**：用户可以根据需求设定密码的长度，通常建议长度在8到20个字符之间。 3. **生成随机数...
vue.js表单密码强度验证代码
06-24
这通常涉及到多个规则，如最小长度、数字、大小写字母和特殊字符等。我们可以使用正则表达式进行匹配： ```javascript data() { return { password: '', passwordStrength: '' }; }, methods: { validate...
vue（大写提示功能）
qq_48378883的博客
06-16 173
vue实现输入内容提示大小写功能
Vue密码框大写提示
qq_42667717的博客
01-08 1226
Vue密码框大写提示 ```css ``` <script type="text/javascript"> var vm = new Vue({ el: "#app", data: { bigChar: false }, m...
vue怎么检测键盘大写状态
weixin_42602726的博客
01-04 302
在 Vue 中，你可以使用 JavaScript 的 addEventListener 来检测键盘大写状态。 首先，你需要为你的 Vue 实例添加一个监听器，监听键盘事件 keydown： mounted() { window.addEventListener('keydown', this.checkCapsLock) }, ...
打开大写锁定的方法
weixin_39583421的博客
12-02 363
onKeyPress(event: any) { this.platform = getDevice(); if((event.shiftKey && this.platform === "mac" ) ||event.getModifierState('CapsLock')){ this.isCapsLock = true; }else{ this.isCapsLock = false; } //event.g.
vue登录界面（大写提示功能）
江湖行骗老中医
12-05 878
<template> <div class="login-page" style="height: 100%"> <el-form-item prop="password"> <el-tooltip v-model="capsTooltip" content="已开启大写" placement="top" manual> <el-input type="pa.
vue.js实现适用于手机端注册表单输入密码强度验证功能源码.zip
11-20
2. 复杂性：包含大小写字母、数字和特殊字符的组合。 3. 无重复字符：避免连续或重复的字符，如"1234"或"aaaa"。 4. 避免常见单词：避免使用常见的名字、日期、生日等容易被猜到的信息。 在Vue.js中，我们可以创建...
网页模板——vue.js实现适用于手机端注册表单输入密码强度验证功能源码.zip
11-23
3. **小写字母**和**大写字母**：是否有大小写字母混合。 4. **特殊字符**：是否包含非字母数字的字符。 根据这些条件，我们可以为`passwordStrength`设置不同的分数，并提供相应的提示信息。例如，如果密码仅满足...
js实现的键盘开启大写锁定提示和密码显示与隐藏的效果
json_li的博客
05-02 7663
不知道大家注意到没有，很多人性话的网站再输入密码的时候，如果开启大写锁定下过（切换键A左边的Cap Lock按键），那么就会给出一个提示，因为很多时候密码验证是区分大小写的，如果不小心开启或者关闭大小写就有可能导致输入密码错误，还有在用户输入密码时，可以通过密码的显示与隐藏来查看输入的是否就是自己想输入的密码，减少密码输入的错误，都是一些人性化，提高用户体验性的举措， 下面就介绍一下如何利用ja
基于JS实现密码框(password)中显示文字提示功能代码
11-22
其实实际上实现中并不能让password中显示文字提示，但是我们在工作中有这样的需求，当没输入东西的时候，框内有提示输入密码，但是当输入东西的时候又显示的是*号，那么是如何实现的呢？其实原理很简单，就是放两个文本框，样式以及定位都是一样的。先将type为password的隐藏，只显示type为text的伪密码框，value设置提示内容例如请输入密码。然后当input触发的时候，type为text的input隐藏，让type为password的input显示出来。然后当检测password的value为空的时候，再将type为password隐藏，type为text的显示。啥话也不说了，上代码。
原生js实现密码输入框值的显示隐藏
10-19
主要为大家详细介绍了原生js实现密码输入框值的显示隐藏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javascript搜索框点击文字消失失焦时文本出现
10-25
主要介绍了javascript实现搜索框点击文字消失失焦时文本出现的效果，示例代码如下，大家可以看看
js实现input密码框提示信息的方法(附html5实现方法)
10-22
主要介绍了js实现input密码框提示信息的方法,涉及JavaScript页面元素的获取,属性判断及样式设置等技巧,并附带html5的相关实现方法,需要的朋友可以参考下
js数字转大写汉字
小狐狸的博客
06-24 722
这里是数字转中文的工具，效果如下 var Utils={ /* 单位 */ units:'个拾佰仟萬@#%億^&~', /* 字符 */ chars:'零壹贰叁肆伍陆柒捌玖', /* 数字转中文 @number {Integer} 形如123的数字 @return {String} 返回转换成的形如 一百二十三 的字符串 */ numberToCh
[绍棠] vue 扫码枪读取条形码数据
绍棠的博客
12-21 3967
扫码枪是模拟的键盘输入，所以用键盘事件window.document.onkeypress = function(e){ }. 在vue项目中，可以在created/mounted中做 代码如下 <template> <input v-model="codeValue" placeholder="请输入条形码"/> </template> <script> export default { data() { return {
Vue--扫码枪，输入法为中文时乱码
这里是迷阵的博客耶
09-14 2389
扫码枪是模拟键盘的回车按键，所以输入的时候切换成email类型的输入框
js 中 实现扫码枪在中文输入法下扫码与实际差异的问题（大小写字母和数字的已没问题特殊字符还不知道咋处理所以没实现特殊字符）
createWrite的博客
08-06 3170
在网上找了各种方法针对与扫码枪在中文输入法的情况下键入值异常（与实际不一致的问题）有说用type=password的来模拟text框 用定位来覆盖（这种没啥用，看需要吧，因为搞完后没输入法 如果从中间去手动改这个值 定位不准确等）后来又看到一种比较靠谱的 就是监听按键速度来区分是人工还是扫码枪 这个可以识别到输入类型 但是 获取的值还是有问题（可能我打开方式不对 因为录入和监听是同步进行的 也就是说 至少录入两位才能监听到 这时候再去改输入框 type 其实录入的操作已经同步做完了 所以...
vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。
热门推荐
CodingNoob
04-28 1万+
github效果在线预览仓库地址： https://github.com/zhongyoucong/vuejs/vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。效果图如下：登入后： 登入前： 登录框: 注册框： html代码部分：
vue.js初始框架
最新发布
01-10
Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它被设计为易于使用和灵活的，可以逐步应用到现有项目中。Vue.js的初始框架包含以下几个核心部分： 1. Vue实例：Vue.js应用的入口点是一个Vue实例。通过创建...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值