vant van-dialog嵌套表单验证金额数字保存2位小数

最新推荐文章于 2024-05-03 11:08:18 发布

x_align

最新推荐文章于 2024-05-03 11:08:18 发布

阅读量882

点赞数 1

文章标签： javascript 前端 css html5 正则表达式

本文链接：https://blog.csdn.net/x_align/article/details/127903486

版权

<template>
    <van-dialog v-model="show" @cancel="cancel()" @confirm="Sure()" title="弹框标题名"         show-cancel-button>
      <van-form ref="form" style="margin:20px 20px;">
        <van-field
            v-model="numOne"
            label="金额"
            name="numOne"
            placeholder="请输入金额"
            @blur="num"
            :rules="[{ validator, message: '请输入正确的金额数字' }]"/>
      </van-form>
    </van-dialog>
</template>

<script>
    data() {
        return {
            show: false,
        }
    }
    methods:{
                validator(val) {
                  console.log(val)
                  return /^[1-9]\d{0,11}(\.\d{1,2})?$|^0(\.\d{1,2})?$/.test(val);
                },
            num() {
                  this.$refs.form.validate().then(() => {
                    this.show = false;
                      }).catch(() => {
            this.show = true  //你的操作
      })
    },
    Sure() {
      this.num()
      // this.show = false;
      
    },
    cancel() {
      this.show = false;
    },
    }
</script>