android 密码输入框星号,input密码框输入后设置显示为星号或其他样式

预览效果

核心代码

:type="type=='number'?'tel':'text'"

ref="inputText"

:style="[star?'':{paddingLeft:'5px'},right?{textAlign:'right'}:'']"

:class="['text',className]"

v-model="value"

@keyup="handelKeyup"

:placeholder="text?'':placeholder"

:maxlength="maxlength" />

watch: {

value(val) {

if(this.star && val){

if(/.*[u4e00-u9fa5]+.*$/.test(val)){

this.value = val.replace(/[u4e00-u9fa5]/gm,'')

return ;

}

this.text += val

if(this.star){

this.value = ''

}

methods: {

handelKeyup(e){

if(e.keyCode==8){

this.text=this.text.slice(0,this.text.length-1)

}

this.$emit("input",this.star? this.text : this.value)

}

android 密码输入框星号,input密码框输入后设置显示为星号或其他样式相关推荐

HTML里怎么设置密码框为星号,input密码框输入后设置显示为星号或其他样式
预览效果核心代码 {{"*".repeat(text.length)}} :type="type=='number'?'tel':'text'" ref=&q ...
html密码框输入内容隐藏,密码框显示提示文字的功能实现
在密码输入框内显示提示的文字,引导用户操作,实现的效果如下图显示. 未输入密码前: 输入密码后: 由于js无法直接控制input文本框中的type属性,因此无法通过js控制input文本框在密码框和普 ...
解决 input密码框自动填充
火狐上input密码框自动填充值的有关问题 By wangzhehui at 2014-06-07 117 阅读 0 回复 0.0 希赛币请点击下面回答中的"采纳为答案&q ...
php如何禁掉文本框输入,如何禁止input文本框输入
如何禁止input文本框输入 nput文本框用于接收用户输入的信息,我们有两种方法可以禁止input文本框,一种方法是使用readonly,另一种方法是使用disabled,但二者之间还是有区别的,请 ...
Android EditText密码框的可见性设置
Android EditText密码框的可见性设置最近写安卓时要实现密码可见性转换,经过查找资料后发现了两种方法可以实现. 方法一通过setInputType()方法实现 passwordEdit ...
已解决selenium模块向网页input文本框输入内容失败问题
已解决(selenium向input文本框输入内容失败问题)selenium.common.exceptions.ElementNotInteractableException: Message: e ...
Vue+iview 密码框输入显示隐藏控制
Vue+iview 密码框输入控制显示隐藏 1. 背景 2. 最终效果 2.1 隐藏密码 2.2 显示密码 3. 实现步骤 3.1 使用v-if.v-else 3.2 密码隐藏 3.3 密码显示 3. ...
通过js获得input文本框输入的值
如何通过js获得input文本框输入的值. 前言我们编写的被载入浏览器的HTML页面都是一个 Document 对象.对于Document对象可以使我们通过代码(比如javascript)对HTML ...
点击密码框显示密码（点击密码框小眼睛可显示输入密码）
案例分析` 登录注册页面中,当我们输入密码时,密码显示的是不可见的,是属于密码框类型,点击小眼睛之后显示密码. **核心思路:**1.点击眼睛按钮,把不可见的密码框类型改成可见的文本框就可看见里面的密 ...
JS实现密码框小眼睛的显示与隐藏(使用字体图标)
JS实现密码框小眼睛的显示与隐藏(使用字体图标) 前端学习路上的小练习,如若不喜,请勿喷. 眼睛使用的是 iconfont 阿里矢量图标库的内容链接:https://www.iconfont.cn/ ...

android 密码输入框星号,input密码框输入后设置显示为星号或其他样式

android 密码输入框星号,input密码框输入后设置显示为星号或其他样式相关推荐

最新文章

热门文章

android 密码输入框 星号,input密码框输入后设置显示为星号或其他样式

android 密码输入框 星号,input密码框输入后设置显示为星号或其他样式相关推荐

最新文章

热门文章

android 密码输入框星号,input密码框输入后设置显示为星号或其他样式

android 密码输入框星号,input密码框输入后设置显示为星号或其他样式相关推荐