数字金额小写转大写,表单校验问题
1.数字转金额大写
公司有个需求就是统计各费用明细,然后自动统计为小写合计,同时转为金额大写,下方为方法,建议写在工具文件内调用,解决完工具开始实现功能,通过监听小写合计变化实时转大写金额即可。
export function numberText(n) {
if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n))
return "数据非法";
let unit = "千百拾亿千百拾万千百拾元角分", str = "";
n += "00";
let p = n.indexOf('.');
if (p >= 0) {
n = n.substring(0, p) + n.substr(p + 1, 2);
unit = unit.substr(unit.length - n.length);
}
for (var i = 0; i < n.length; i++)
str += '零壹贰叁肆伍陆柒捌玖'.charAt(n.charAt(i)) + unit.charAt(i);
return str.replace(/零(千|百|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
}
方法调用:
watch:{
totalData(newVal,oldVal){
this.ruleForm.totalCostUppercase = this.$I.numberText(newVal)
}
}
2.解决表单校验问题
需求是需要出行费用只能是数字,且保留两位小数,表单校验代码如下
travelCost: [
{ required: true, message: '请输入出行费用',trigger: 'blur' },
{ pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, message: '请输入正确格式,可保留两位小数',trigger: 'blur' }
],
如果只想单独检验只能填写中文校验,校验代码如下
totalCostUppercase: [
{ required: true, message: '请输入费用合计大写', trigger: 'blur' },
{ pattern: /^[\一-\龥]{2,6}$/, message: '请输入正确格式,仅支持中文',trigger: 'blur' },
],