element rules定义方法校验

Element UI 中的表单组件提供了一些自定义规则来验证表单输入，这些规则都是基于正则表达式或者函数实现的。具体的实现方法如下：

在组件中通过 rules 属性设置验证规则，该属性的值是一个数组，数组中每个元素都是一个对象，代表了一个验证规则。
每个验证规则对象包含以下属性：

required：是否必填，是一个布尔值，默认为 false。
message：验证失败时的提示信息，可以是一个字符串或一个函数。
validator：自定义验证函数，该函数接收两个参数：表单项的值和回调函数，当验证成功时调用回调函数，否则不调用。

使用自定义验证函数时，需要在回调函数中调用 callback 函数来通知验证结果，callback 函数接收一个布尔值作为参数，表示验证是否成功。

例如，验证手机号码输入的规则可以如下定义：

{
  validator: (rule, value, callback) => {
    const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;
    if (!reg.test(value)) {
      callback(new Error('请输入正确的手机号码'));
    } else {
      callback();
    }
  },
  message: '请输入正确的手机号码',
  trigger: 'blur'
}

以上规则中，validator 属性是一个自定义验证函数，该函数使用正则表达式验证手机号码的格式，如果验证失败则调用 callback 函数，传递一个错误对象作为参数；如果验证成功则只调用 callback 函数，不传递参数。message 属性是验证失败时的提示信息，trigger 属性表示验证触发的时机，这里设置为失去焦点时触发。