本文介绍了如何在基于Antv的前端项目中，结合ElementUi框架实现HTML输入限制。通过设置最大长度、自动聚焦以及自定义验证规则，确保用户输入的有效性和合规性。在`data`中定义了相关变量，`computed`计算剩余字符数，`methods`中定义了减少字符数的方法及验证函数，确保输入内容在800字内且无特殊字符。
结合蚂蚁设计的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!!
扫一扫
1198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
