element表单使用正则进行非空校验

最新推荐文章于 2025-04-27 08:35:08 发布

2301_76707317

最新推荐文章于 2025-04-27 08:35:08 发布

阅读量447

点赞数

文章标签：前端 javascript elementui 正则表达式 vue

本文链接：https://blog.youkuaiyun.com/2301_76707317/article/details/134655686

版权

本文介绍了在HTML5中如何使用正则表达式和自定义函数对input元素进行表单验证，特别提到由于不支持事件修饰符，开发者需采用这些方法确保字段非空且符合特定模式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 rules: {
          objectType: [
            {
              pattern: '[^ \x22]+',
              required: true,
              trigger: 'blur',
              message: '请选择',
            },
          ],
          dictionaryKey: [
            { required: true, trigger: 'blur', message: '请选择' },
          ],
          name: [
            {
              pattern: '[^ \x22]+',
              required: true,
              trigger: 'blur',
              message: '请输入非空字符串',
            },
          ],
        },

因为element的输入框不支持事件修饰符，因此只能使用正则表达式或者自定义函数校验