发布时间:2021-02-04 09:59:26编辑:admin阅读(5501)
ElementUI 官方给的demo,里面有验证数字的,但是没有小数点的校验。
<el-form-item label="价格" prop="price">
<el-input v-model="ruleForm.price" oninput="value=value.replace(/[^0-9.]/g,'')" placeholder="请输入价格" />
</el-form-item>
data() {
const validateMoney = (rule,value,callback) =>{
if(!value){
callback(new Error('价格不能为空'))
}else if(value.indexOf(".") != -1 && value.split('.').length > 2){
callback(new Error('请输入正确格式的金额')) //防止输入多个小数点
}else if(value.indexOf(".") != -1 && value.split('.')[1].length > 2){
callback(new Error('请输入正确的小数位数')) //小数点后两位
}else{
callback();
}
};
return{
rules: {
price:[
{ type: 'string',required: true,trigger: 'blur', validator:validateMoney},
]
},
}
}
本文参考链接:
https://www.freesion.com/article/9003774056/
上一篇: ElementUI Dialog 对话框,组件之间传值
下一篇: ElementUI 分页
48803
47845
38621
35801
30226
26975
26015
20846
20631
19009
420°
498°
526°
535°
518°
503°
571°
634°
753°
797°