vant 数据校验

爬坑的小白

于 2024-09-30 16:57:54 发布

阅读量288

点赞数 2

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/ZJ15981837003/article/details/142660401

版权

1:数量1-100之间的整数

 <van-field
            v-model="parameter.room_count"
            name="房间数"
            label="房间数"
            placeholder="房间数"
            :required="true"
            type="digit"
            maxlength="3"
            :rules="[
              { required: true, message: '请输入房间数量' },
              {
                pattern: /^(([1-9]\d?)|(100))$/,
                message: '请输入1-100之间的任意一个整数！',
              },
            ]"
          />

1:数量1-50之间的整数

 <van-field
            v-model="parameter.bed_num"
            name="床位数"
            label="床位数"
            placeholder="床位数"
            maxlength="2"
            :required="true"
            type="digit"
            :rules="[
              { required: true, message: '请填写床位数' },
              {
                pattern:/^([1-4]?\d|50)$/,
                message: '请输入1-50之间的任意一个整数！',
              },
            ]"
          />