关于 element 中 Form 表单的自定义邮箱和手机号验证!

时间:2024-04-12 12:41:12

关于 element 中 Form 表单的自定义邮箱和手机号验证!

1. 通过 :rules 来绑定验证规则的对象! 通过 prop 绑定具体验证的是哪个属性!

关于 element 中 Form 表单的自定义邮箱和手机号验证!

2. 这里是自定义验证 邮箱规则和 验证手机号规则!

邮箱正则:/^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/

手机号正则: /^(0|86|17951)?(13[0-9]|15[0123456789]|17[678]|18[0-9]|14[57])[0-9]{8}$/

关于 element 中 Form 表单的自定义邮箱和手机号验证!

3. requeired  表示 是否必填

    message   表示 提示词

    trigger       表示触发条件

    validator    表示绑定你自定义的验证方法

4. 这样子就可以了! 如果对你有用请点个赞哦!  记录学习过程! 如果有更好的或者哪里弄错了的可以私信我!