1.只支持输入数字的校验
// 方法一：使用type=“number” 缺点：maxlength不生效
<el-input v-model.number='count' type='number' maxlength='9'/>
// 法二：使用[正则表达式 oninput="value=value.replace(/[^\d]/g,'')"
<el-input v-model.number='count' oninput="value=value.replace(/[^\d]/g,'')" maxlength='9'/>
2.输入数字且只保留两位小数的表单校验
// 方法一：不使用表单校验
// 缺点：不能输入0.01
<el-input oninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value" type="number" v-model.number="num"></el-input>
//解决：把v-model的number去掉即可
<el-input oninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value" type="number" v-model="num"></el-input>
//原因：v-model.number会把0.0x后的数字转换为0，算是输入框的一个特性吧。
// 方法二：使用表单校验
cost:[
{ required: true, trigger: 'change', message:'请输入金额'},
{ pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, message: '请输入正确的格式,可保留两位小数' }
],
input框只输入数字和保留小数校验
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 网上看了很多教程，还是用正则匹配最稳函数： 调用： 参考：https://www.cnblogs.com/fred...
- 创建 Scanner对象 scannerWithString，返回值是 扫描过aString字符串的NSScann...
- vue element组件库<el-input>限制只能输入数字，且保留小数后两位 项目需求el-input组件输...
