在简单反应验证器库中显示自定义消息

Question

我想显示我的自定义错误消息

 this.validator = new SimpleReactValidator({
      messages: {
        email: "Invalid mail Id",
        // OR
        // will override all messages
      },
    });

我的输入标签是

 <input type="text" className="form-control" id="email" placeholder="Email" required="" name="email" value={email} onChange={this.handelChange}
                      />
 {this.validator.message('email', email, 'required|email')}

我想显示我的错误消息“无效的电子邮件ID”，

[请任何人帮助我，谢谢

Answer 1

提交后，您需要使用this.validator.showMessages()显示错误消息。还请确保以某种方式重新呈现表单/组件，以便显示错误。

我为您创建了一个working example in the codesandbox。

也，See the docs