900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html input怎么限制字数 搞了个输入框限制字数

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

时间:2019-09-12 08:24:39

相关推荐

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

}]

},

}

}

puted部分:

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!!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。