预览效果
核心代码
{{“*”.repeat(text.length)}}
: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)
}
}
input type=passoord 密码框的明密文(显示和隐藏) 显示
最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换. 样式代码如 …
input框输入手机号码分隔显示
在input框输入手机号码时,自动加入空格按照3,4,4位显示,如: 实现方法如下: 手机号码
【自创+转发】jQuery给input 密码框绑定回车事件
禁止input文本框输入select无法选择
readonly.disabled.autocomplete readonly表示此域的值不可修改,仅可与 type=”text” 配合使用,可复制,可选择,可以接收焦点,后台会接 …
UC浏览器input文本框输入文字回车键自动提交
这是测试今天在jira给我提出的一个bug 下面是贴的代码 屏蔽或者禁止回车键
随机推荐
如何把android中布局文件(.xml)与相关的类(.java)进行关联?
eg:把一个布局文件名为page1.xml与MainActivity.java(工程自动生成)进行 1.在存放使用资源的res文件夹下的layout文件夹内新建一个XML布局文件,如命名为:page1 …
使用Powershell 添加,选择更改订阅
PS C:\WINDOWS\system32> Import-AzurePublishSettingsFile ‘C:\Users\Ling\Desktop\Free-11-24-2014-cr …
JSONP 的工作原理是什么?
利用
Okhttp设置http缓存,在没有网络的情况下加载http缓存里面的内容
HTTP_CACHE_FILENAME为缓存地址根路径: private final String HTTP_CACHE_FILENAME = “HttpCache”; priva …
linux下播放组播流出现setsockopt:No such device错误
在linux下播放组播流出现setsockopt:No such device错误是因为多播IP没有add路由表里面 可以采用如下命令完成: root@android:/ # busybox rout …
TCP笔记
TCP必须是双工通讯 这种通讯方式提高通道利用率,相对于等待确认传输.
使用IdentityServer4实现一个简单的Oauth2客户端模式授权
1.首先新建一个webAPI项目做为IdentityServer的服务端,提供生成Token的服务,首先修改Startup.cs文件,如下图: 2.增加一个Config.cs文件,以便于提供资源和认证 …
postgresql逻辑结构–用户及权限管理(七)
一.用户和角色 二.创建用户和角色 三.权限管理 四.
Android — ConditionVariable
线程操作经常用到wait和notify,用起来稍显繁琐,而Android给我们封装好了一个ConditionVariable类,用于线程同步.提供了三个方法block().open().close() …
linux 命令 随笔
1 查找命令 which (寻找执行档) :这个指令是根据PATH这个环境变量所规范的路径,去搜寻执行档的档名,所以,重点是找出执行档而已,which 后面接的是完整档名,也就说执行文件 wherei …