html input怎么限制字数,搞了个输入框限制字数

结合蚂蚁设计的Antv(类型ElementUi框架)

html部分：

还可输入{{remnant}}个字。

data.return部分：

data(){

return{

val:'',

val2:'',

val3:'',

maxLength:800,

autoFocus:true,

retPras: {

rules: [

{

required: true,

message: '请输入问题描述信息!'

{

validator: this.validateRetPras

}]

}

data.computed部分：

computed: {

remnant() {

return this.maxLength - this.val.length;

data.methods部分：

methods: {

countFont(){

this.maxLength=this.maxLength-20

validateRetPras(rule, value, callback) {

value=value.replace(/[\r\n\]/g,'')

if(value&&new RegExp(/^.{0,800}$/).test(value)){

this.val=value,

callback()

}else{

callback('请输入有效长度内字数的文字')

}},

基本上就这些吧，over!!

html input怎么限制字数,搞了个输入框限制字数相关推荐

textarea输入框限制字数（JS）
第一种: <textarea οnkeyup="checkLen(this)"></textarea> <div>您还可以输入 <span ...
KindEditor 4 输入框限定字数
jquery 1.6.4 html 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
iOS即时通讯输入框随字数自适应高度
代码地址如下: http://www.demodashi.com/demo/13210.html 前言本人最近在研究socket与聊天界面的UI,在写聊天界面UI的时候是模仿微信的界面其中的文字输入 ...
微信小程序批量获取input的输入值，监听输入框，数据同步
微信小程序批量获取input的输入值,监听输入框,数据同步在使用小程序时,跟vue的数据绑定不一样,没有v-model这个属性了,官网也只是给了一些事件监听. 但是我们如果有多个表单时,需要写多个事 ...
java统计字数_JAVA 仿 MS word 字数统计
// TODO caihao 2016-11-06 字数统计工具类 /** * 统计字数,参照MS office word 2007规则 * @param context 文本内容 * @retur ...
java doc字数_JAVA 仿 MS word 字数统计
// TODO caihao 2016-11-06 字数统计工具类 /** * 统计字数,参照MS office word 2007规则 * @param context 文本内容 * @retur ...
摘要的字数算不算论文字数
论文摘要是对论文内容的概括性介绍,一般情况下,论文摘要的字数不计入论文总字数.但是,有些出版机构或者学术会议会有字数限制,因此在撰写论文摘要时,应注意摘要的字数限制.
react中input输入框显示字数
使用suffix属性显示输入框输入的字数工作中遇到一个需求,要在input输入框后面展示字数.查看react文档发现可以使用showCount属性,结果用了之后没效果--才发现showCount属性 ...
textarea 输入框限制字数
在input标签中,只需要设置maxlength="*"即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10.IE11则支持,估计后续的版本应该都会支持 ...

html input怎么限制字数,搞了个输入框限制字数

html input怎么限制字数,搞了个输入框限制字数相关推荐

最新文章

热门文章