时间戳

首页 > 解决方案 > 当我们输入很长的电子邮件时，Vuetify 电子邮件规则会挂起网页？

javascript - 当我们输入很长的电子邮件时，Vuetify 电子邮件规则会挂起网页？

问题描述

我正在为 VueJS 使用 VuetifyJs 表单组件，并且我正在尝试在您输入时向电子邮件添加验证。

但是当我们输入很长的电子邮件时，它会使网页无响应并冻结电子邮件字段。我可以理解，很长的电子邮件是无效的，应该避免，但它不应该挂起页面。

我正在使用表单组件页面上提供的以下电子邮件规则：

emailRules: [
  v => !!v || 'E-mail is required',
  v => /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'E- 
  mail must be valid'
]

您可以在下面的 CodePen URL 上重现该问题。请不要复制粘贴电子邮件。仅当您手动键入它时才会重现该问题。

CodePen 网址： https ://codepen.io/dhnsh/pen/rKQpGb

电子邮件输入示例： testnewlongemail@veryverylongemail.com

1）当您输入时，我们如何验证 vuetify 中的电子邮件是否有效？

2）这是框架中的错误还是与javascript行为有关？

标签： javascriptvue.jsvuejs2vuetify.js

解决方案

推荐阅读