element表单验证规则

Element UI 提供了一些内置的表单验证规则，可以通过设置 `rules` 属性来进行表单验证。

以下是一些常见的内置验证规则：

- required：必填项，不能为空
- email：必须符合邮箱格式
- url：必须符合网址格式
- number：必须是数字
- date：必须符合日期格式
- integer：必须是整数
- float：必须是浮点数
- regexp：必须符合正则表达式

除了内置验证规则之外，还可以通过自定义验证规则来进行表单验证。

例如，可以在 `rules` 属性中定义一个自定义的验证规则：

rules: {
  // 自定义验证规则
  customRule: [
    { required: true, message: '必填项不能为空' },
    { min: 6, max: 20, message: '长度在 6 到 20 个字符' },
    // 自定义验证函数
    { validator: (rule, value, callback) => {
      if (value && !/^[a-zA-Z0-9]+$/.test(value)) {
        callback(new Error('只能输入字母和数字'));
      } else {
        callback();
      }
    }, message: '只能输入字母和数字' }
  ]
}

上述代码中，自定义验证规则名为 `customRule`，用于验证输入框中的值是否符合要求。其中，使用了内置的 `required` 和 `min/max` 规则，以及自定义的验证函数来进行表单验证。