对 input 千位分割

<template><div><div><el-form:rules="rules"ref="ruleForm"label-width="100px"class="demo-ruleForm":model="ruleForm"><el-form-item label="销售额" prop="input"><el-input v-model="ruleForm.input" autocomplete="off"></el-input></el-form-item><el-form-item><el-button type="primary" @click="submitForm('ruleForm')">提交</el-button><el-button @click="resetForm('ruleForm')">重置</el-button></el-form-item></el-form></div><div>{{newInput}}</div></div>
</template><script>
export default {data() {var numValidate = (rule, value, callback) => {let numArr = value.split(".");let num1 = numArr[0];let num2 = numArr[1] ? numArr[1] : "";if (!/^[1-9]*[0-9]/.test(num1) && !/^[1-9]*[0-9]/.test(num2)) {callback(new Error("请输入正数"));} else if (num2.length > 2) {callback(new Error("请保留小数点两位数字"));} else if (Number(value) > 10e7 || Number(value) < 0) {callback(new Error("销售额必须在0~" + 10e7 + "之间的数字"));} else {this.inputMoneyFomet(this.ruleForm.input, "input");callback();}};return {rules: {input: [{ required: true, message: "销售额不能为空", trigger: "blur" },{ validator: numValidate, trigger: "blur" }]},ruleForm: {input: undefined},input: ""};},computed: {newInput() {return typeof Number(this.input);}},methods: {inputMoneyFomet(el, name) {this.ruleForm[name] = this.getInputValue(el);},// 金额添加千分位getInputValue(el) {let inputVal = el || "";return this.comdify(this.delcommafy(inputVal));},//去除千分位中的‘，’delcommafy(num) {if (!num) return num;num = num.toString();num = num.replace(/,/gi, "");return num;},comdify(n) {this.input = n;if (!n) return n;let str = n.split(".");let re = /\d{1,3}(?=(\d{3})+$)/g;let n1 = str[0].replace(re, "$&,");return str.length > 1 && str[1] ? `${n1}.${str[1]}` : `${n1}`;},// 获取输入框的值submitForm(formName) {this.$refs[formName].validate(valid => {if (valid) {alert("submit!");} else {console.log("error submit!!");return false;}});},resetForm(formName) {this.$refs[formName].resetFields();}}
};
</script>

对 input 千位分割相关推荐

element-ui 为＜el-table＞内数据添加数字千位分割符
因用若依做后台管理脚手架,所以首先把以下方法写在Utils文件夹下的 ruoyi.js 里 1 export function stateFormat(row, column, cellValue) ...
VUE element-ui之table表格内容添加千位分割符/货币格式
步骤: 定义转换方法 <el-table-column prop="regDayToNow" label="距离注册时间(天)" width=" ...
在金额前加人民币符号并且千位分割
common.js export function commonFormatMoney(number, decimals = 0, decPoint = '.', thousandsSep = ',' ...
Layui中列表(金额或数字)动态数据如何添加千位分隔符
Layui添加千位分割符有2种实现方法 1. js方法格式化数字,加入千分符,可以指定小数点;位数正负数均可,可以控制小数位数! 核心代码如下: <script type="text/ ...
hive金额怎么转换千位分隔符_sql 数据转换千位分隔符
老是报错(在关键字'convert'附近有语法错误.),是怎么回事哦.求达人见解.第一个CONVERT有问题,第二个没有问题.select(selectsc_namefromsell_contract ...
千位分隔符的完整攻略
千位分隔符[1]是很常见的需求,但是输入文本千变万化,如何才能准确添加千分符呢? 纯整数情况纯整数大概是所有情况里最简单的一种,我们只要正确匹配出千分位就好了. 观察上面的数字,我们可以得出千分位的 ...
Java输出4位数整数，输出这个数的千位，百位，十位，个位
import java.util.Scanner; public class Practice06{public static void main (String [] args){Scanner i ...
JS实现数字自动转换人民币金额（自动格式化输入的数字/千位分隔符）
这个货币转换JS代码,可以实现自动格式化输入的数字,自动千位分隔符 <script> function cc(s){if(/[^0-9\.]/.test(s)) return " ...
java 金额千位用逗号隔开_金额格式化处理千分位金额逗号，隔开
方法1. //处理千分位使用 var dealThousands = function(value) { if (value === 0) { return parseFloat(value).toF ...

对 input 千位分割

对 input 千位分割相关推荐

最新文章

热门文章