Validation VueJS：是否有一种简单的方法可以基于服务器端的验证器在客户端验证电子邮件和密码？

我是VueJS的新手。我正在创建注册和登录页面，用户应该将电子邮件和密码发送到后端，我正在使用Django检查数据是否有效。如果其中一个错误消息无效，我希望在表单上显示错误消息

我看到了一些关于验证的文档，似乎我必须编写一堆验证代码。现在我想知道是否有一个简单的方法来做这件事。 我想基于服务器端的验证器来验证它们

Login.vue

}

---

有人能给我一些提示吗？

是的，这是您可以遵循的代码。 在数据中，创建一个这样的reg对象

data(){
        return{

            email:null,
            reg: /^(([^<>()\[\]\\.,;:\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,24}))$/
        }
    },

---

是的，这是您可以遵循的代码。 在数据中，创建一个这样的reg对象

data(){
        return{

            email:null,
            reg: /^(([^<>()\[\]\\.,;:\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,24}))$/
        }
    },

---

我想基于服务器端的验证器来验证它们。使用它，您需要调用API来验证它。大多数情况下，您还需要在客户端添加验证。@varit05是的，但我的意思是我想显示验证错误消息，所以我想我需要在客户端执行一些操作。当数据无效时，仅调用API不起任何作用。Inside.catcherr=>{console.logerr}您将从服务器获取错误，并在client@varit05我认为它只是显示了400这样的响应类型。然后您需要从服务器返回错误，并将其映射到UII。我希望根据服务器端的验证器对它们进行验证。使用它，您需要调用API来验证它。大多数情况下，您还需要在客户端添加验证。@varit05是的，但我的意思是我想显示验证错误消息，所以我想我需要在客户端执行一些操作。当数据无效时，仅调用API不起任何作用。Inside.catcherr=>{console.logerr}您将从服务器获取错误，并在client@varit05我认为它只是显示了400这样的响应类型。然后，您需要从服务器返回错误，并将其映射到UIThanks。我想我最后写下了这个。我试着用Vue.js中的上述注册表进行电子邮件验证。但得到了错误，如错误不必要的转义字符：\[.Fixed reg在以下：/^[^\]\\，；：\s@]+\.[^\]\，；：\谢谢。我想我最后写下了这个。我试着用Vue.js中的上述注册表进行电子邮件验证。但得到了错误，如错误不必要的转义字符：\[.Fixed reg在以下：/^[^\]\\，；：\s@]+\.[^\]\，；：\[0-9]{1,3}.[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,24}$/

if(this.email == null || this.email == '')
{
  this.errorEmail = "Please Enter Email";
}
else if(!this.reg.test(this.email))
{
  this.errorEmail = "Please Enter Correct Email";
}