麻烦问下,vuetifyjs Form表单提交的问题

麻烦问下,vuetifyjs Form表单提交时,如何在 input 失去焦点时不验证,提交时再验证,提交时也可以自行决定是否验证。

阅读 1.7k
1 个回答
新手上路,请多包涵

抱歉来晚了,希望能帮到你。
通过标志位(this.submit)来控制是否要进行验证。

:rules="[emailFormat]"
methods:  emailFormat (value) {
    if (this.submit) {
        const pattern =
            /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
          return pattern.test(value) || 'Invalid e-mail.'
    
    } else {
      return true;
    }
  },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题