预览效果

L3Byb3h5L2h0dHAvenVvYmFpcXVhbi5jb20vYmxvZ0ltZy8yMDE4MTEvaW5wdXRzdGFyLmdpZg==.jpg

核心代码

{{“*”.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 …