vuelidate框架自定义验证规则【注意事项】

我会带着你远行 2021-09-19 04:06 381阅读 0赞

官方文档：[https://vuelidate.netlify.com/\#sub-props-support][https_vuelidate.netlify.com_sub-props-support]

参考别人的用法：[https://www.jianshu.com/p/6d5ad3058e1b][https_www.jianshu.com_p_6d5ad3058e1b]

### **本人案例总结** ###

// 正则表达式规则【regex第一个参数随意,可用来标注正则表达式的条件】
    const username = helpers.regex( "用户名必须是字母开头,最少3位,最多16位", /^[a-zA-Z]\w{2,15}$/ );
    const mobile = helpers.regex( "手机号必须1开头的11位数字", /^1\d{10}$/ );
    
    // vuelidate自定义不带参数的校验规则【withParams第一个参数是对象,可以使用$v.indexof.$param.rule来访问】
    const indexof = helpers.withParams(
        { type: "rule", value: "必须包含cool字符串" },
        ( value ) => !helpers.req( value ) || value.indexOf( "cool" ) >= 0,
    );
    
    // vuelidate自定义带带参数的校验规则【withParams第一个参数是对象,可以使用$v.indexof_param.$param.rule来访问】
    const indexof_param = ( param ) => helpers.withParams(
        { type: "rule", value: param },
        ( value ) => !helpers.req( value ) || value.indexOf( param ) >= 0,
    );

[https_vuelidate.netlify.com_sub-props-support]: https://vuelidate.netlify.com/#sub-props-support
[https_www.jianshu.com_p_6d5ad3058e1b]: https://www.jianshu.com/p/6d5ad3058e1b

发表评论取消回复

表情：

评论列表（有 0 条评论，381人围观）

还没有评论，来说两句吧...

相关阅读

相关 antd的form表单自定义规则使用validator的注意事项

我们在开发的时候用form表单经常会出现很多特殊的需求，antd本身所提供的都是比较常用的规则，比如输入的长度，是否必填，枚举类型等等。。。所以特殊需求我们就需要使用自定...

曾经终败给现在/ 2024年04月19日 12:45/ 0 赞/ 7 阅读

相关 Laravel框架【自定义对象验证规则】常用的两种规则。

第一种：利用闭包方法（开发中最常用）如果你在应用程序中只需要**使用一次**自定义规则的功能，则可以使用闭包而不是规则对象。闭包接收属性的名称，属性的值如果验证失败...

小鱼儿/ 2024年04月17日 14:21/ 0 赞/ 13 阅读

相关 laravel 自定义验证规则

手机号验证很常用，可能多个接口都会使用到，怎么做到一劳永逸呢？自己定义呗。一. 在 app\\Providers\\AppServiceProvider.php 文

素颜马尾好姑娘i/ 2022年12月04日 01:21/ 0 赞/ 185 阅读

相关 SonarQube插件开发自定义规则(6)注意事项

1、单例模式所有的规则类都是单例模式，所以规则类中最好不要有成员变量。若无法避免时，则必须在节点扫描前清空成员变量的数据。例如 private List<St

青旅半醒/ 2022年06月07日 01:21/ 0 赞/ 256 阅读

相关 Hibernate Validation自定义验证规则

一、简介有时候在做项目的过程中会发现Hibernate Validation提供的验证规则并不能百分百的复合业务需要，就如，在插入数据库时要保证插入进去的某个属性的ID必须

缺乏、安全感/ 2022年05月29日 12:21/ 0 赞/ 344 阅读

相关 jQuery validate 及自定义验证规则

jQuery validate.js /! jQuery Validation Plugin v1.14.0 http://jqu

﹏ヽ暗。殇╰゛Y/ 2022年05月22日 12:56/ 0 赞/ 478 阅读

相关 easyui自定义验证规则

自定义验证规则 1.语法 > idcardRule 规则名称 > > value 输入的值 > > param 自定义的参数 $.exte

浅浅的花香味﹌/ 2022年05月17日 06:05/ 0 赞/ 254 阅读

相关 MVC验证02-自定义验证规则、邮件验证

本文体验MVC自定义验证特性，来实现对邮件的验证。对于刚写完的自定义验证特性，起初只能支持后端验证。如果要让前端jquery支持，还必须对jquery的验证进行扩展。本文与

超、凢脫俗/ 2021年10月15日 10:34/ 0 赞/ 351 阅读

相关 vuelidate框架自定义验证规则【注意事项】

官方文档：[https://vuelidate.netlify.com/\sub-props-support][https_vuelidate.netlify.com_sub-

我会带着你远行/ 2021年09月19日 04:06/ 0 赞/ 382 阅读

相关 jQuery--Validation插件（概述、表单验证、验证规则、自定义验证规则）详解

Validation简介最常使用的JavaScript的场合就是表单验证，而jQuery作为一个优秀的JavaScript库，也提供了一个优秀的表单验证插件——Vali

你的名字/ 2021年08月13日 16:30/ 0 赞/ 527 阅读