element 表单只允许输入数字和两位小数，保留两位小数(四舍五入) 小数不足两位补0

1.form表单


<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px"><el-form-item label="提现金额" prop="withdrawAmount"><el-input v-model="ruleForm.withdrawAmount" auto-complete="off"oninput="value=value.replace(/[^0-9.]/g,'')"
/></el-form-item></el-form>

input 的属性autocomplete 默认为on其含义代表是否让浏览器自动记录之前输入的值很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到可以在input中加入autocomplete=“off” 来关闭记录
系统需要保密的情况下可以使用此参数

2.script

<script>export default {data() {var validatePrice = (rule, value, callback) => {if (!value) {callback(new Error("提现金额不能为空"));} else if (value.split(".").length > 2) {callback(new Error("输入正确格式的金额")); //防止输入多个小数点} else if (value > this.price) {callback(new Error("金额不能大于可提现金额"));} else {value = Math.round(value * Math.pow(10, 2)) / Math.pow(10,           2); //四舍五入value = Number(value).toFixed(2); //不足补位this.ruleForm.withdrawAmount = value;callback();}};return {ruleForm: { withdrawAmount: "" },rules: {withdrawAmount: [{ required: true, validator: validatePrice, trigger: "blur" }]}}},methods: {}}
</script>

element 表单只允许输入数字和两位小数，保留两位小数(四舍五入) 小数不足两位补0相关推荐

input表单只允许输入大于0的整数
1.<input type="tel" name="num" maxlength="5" οnkeyup="carNum( ...
Jquery表单验证只能输入数字,
<script type="text/javascript"> $(document).ready(function () {///验证文本框只能输入数字 $(&quo ...
Element 表单只能输入数字校验
Element 表单只能输入数字校验以下验证均为只能输入数字类型只能输入整数 <el-input v-model="value" placeholder="请输 ...
设置输入框el-input图标 / el-input表单只显示number
设置输入框el-input图标如果你在使用element-ui自定义插件的时候, 想保持和element风格一致,需要用到输入框 ,并且里面有icon小图标,不需要自己手写样式, 可以通过下面2种方 ...
Element 表单的 rules 验证 Number
在使用 Element 表单的时候,验证数字是很正常的需求. Element的表单验证用的是 async-validator ,查看可以设置 type 来进行验证 number ,我最初使用的如下: ...
【VUE 表单验证】vue Element 表单验证中多层v-for验证方法
vue Element 表单验证中对象有list列表如何验证正常情况下只需要<el-form-item> 标签中填入prop数据属性即可. <el-form-item label ...
html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
Element表单验证（2）
Element表单验证(2) 上篇讲的是async-validator的基本要素,那么,如何使用到Element中以及怎样优雅地使用,就在本篇. 上篇讲到async-validator由3大部分组成 ...
只让输入数字的输入框(javascript)
javascript小玩意,只让输入数字的输入框<body><script>function JHshNumberText(){if ( !(((window.event.ke ...

element 表单只允许输入数字和两位小数，保留两位小数(四舍五入) 小数不足两位补0

1.form表单

2.script

element 表单只允许输入数字和两位小数，保留两位小数(四舍五入) 小数不足两位补0相关推荐

最新文章

热门文章