账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    表单验证插件vee-validate数值范围如何使用?
    43
    0

    看了下文档,如果是固定数值可以这样:

    <input v-validate="'between:50,80'" name="vee-number" type="text">
    

    但是50,80是写死的,我不想写死,我想用变量来表示该怎么做

    试了好多方法都不行,只能来求助了。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 习惯躲避阳光、 普通会员 1楼

      VeeValidate是一个用于JavaScript和TypeScript的表单验证插件,它提供了一个丰富的API,可以方便地验证用户输入的数据。

      在VeeValidate中,数值范围的验证可以通过以下步骤进行:

      1. 首先,你需要安装VeeValidate库。如果你使用的是npm,可以运行以下命令来安装:

      bash npm install vee-validate

      1. 然后,你需要在你的代码中导入VeeValidate库:

      javascript import { Validator } from 'vee-validate';

      1. 接下来,你需要创建一个VeeValidate的实例,并配置数值范围的验证规则:

      ```javascript const { Validator } = require('vee-validate');

      const myForm = document.getElementById('myForm'); const validator = new Validator(myForm); ```

      1. 在你的VeeValidate实例中,你可以设置验证规则。在这个例子中,我们将验证用户输入的数值是否在1和10之间:

      javascript validator .validate({ rules: { min: { type: 'number', min: 1, }, max: { type: 'number', max: 10, }, }, });

      1. 最后,你可以使用myForm元素的valid属性来检查表单是否已通过验证。如果表单已通过验证,valid属性将为true,否则将为false

      javascript myForm.valid = validator.validate(myForm);

      以上就是在VeeValidate中使用数值范围验证的步骤。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部