Vue项目里面 表单的正则验证和表单验证(两种验证方式)

Vue项目里面 表单的正则验证和表单验证(两种验证方式)_第1张图片

{validator:     函数名        ,trigger:   'blur'}

这个和之前的函数定义不一样 ,但是data里面也可以定义函数
const samePwd = 一个函数
其实很值钱没什么区别

一般情况下 ,表单有两种校验的方式
第一种: Vue项目里面 表单的正则验证和表单验证(两种验证方式)_第2张图片
红框里面会存在正则的校验 也就是每一个输入框都有自己的校验规则
Vue项目里面 表单的正则验证和表单验证(两种验证方式)_第3张图片

第二种: 在大多数情况下 第一种已经可以 但是为了防止 部分用户转空子 会存在第二种校验的方式
也就是再点击注册按钮的时候触发
Vue项目里面 表单的正则验证和表单验证(两种验证方式)_第4张图片
这是ui组件库 自己已经封装好 的验证方法
Vue项目里面 表单的正则验证和表单验证(两种验证方式)_第5张图片

你可能感兴趣的:(笔记,vue.js,elementui,前端)