Vue antdv Form 表单验证rules的使用

xiaoshengjinbu

于 2022-03-02 16:49:07 发布

阅读量1.6k

点赞数

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/xiaoshengjinbu/article/details/123234399

版权

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何设置用户账号，重点关注初始密码要求，使用正则表达式确保至少包含4位字母或数字，且避免与账号相同。形式上提供了输入验证的formOptions配置示例。

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

 {
    title: '用户账号',
    dataIndex: 'userName',
    _uuid: 'userName',
    width: 120,
    formOptions: {
      el: 'input',
      placeholder: '至少四位字母或数字，初始密码与账号相同',
      rules: [{ required: true, message: '请输入账号' },
      {
        validator: (rule, value, callback) => {
          const reg = /^[a-zA-Z0-9]{4,32}$/;
          if (value === "" || value === undefined || value == null) {
            callback();
          } else {
            if (!reg.test(value)) {
              callback(new Error("至少四位字母或数字，初始密码与账号相同"));
            } else {
              callback();
            }
          }
        },
        trigger: "blur",
      },]
    }
  },