How can set a custom message for a field?

Im already use your example code to set my message on spanish: this.validator = new SimpleReactValidator({ messages: { email: ‘That is not an email.’ // OR default: ‘Validation has failed!’ // will override all messages }, }

but Im still getting the message on english, , here’s my code:

constructor(props) {
    super(props);
    this.state = {
      name: '',
    };

   this.validator = new Validator({
      element: message => (
        <span style={error}>
          <i className="fa fa-exclamation-circle" aria-hidden="true" />
          { ` ${message}`}
        </span>
      ),
      messages: {
        name: 'El campo nombre es requerido',
      },
    });

<div className="form-group">
 <label htmlFor="name">Nombre: *</label>
 <input
 type="text"
 name="name"
 onChange={this.onChangeHandle}
 className="form-control"
 id="name"
 placeholder="Nombre Campaña / Cupón"
 />
 {this.validator.message('name', this.state.name, 'required|alpha')}
 </div>

[stuyam]

I see the problem, the key for the message should be the validator rule name you want it to show on not the attribute of field (aka ‘alpha’ not 'name). For example it should look like this:

messages: {
  alpha: 'El campo nombre es requerido',
},

and you could do this to make it dynamic:

messages: {
  alpha: 'El campo :attribute es requerido',
},
.....
{this.validator.message('nombre', this.state.name, 'required|alpha')}

Let me know if you have any questions! Enjoy 👍

[BSThisarasinghe]

Oh now it’s clear. Thank you sso much.

On Thu, Oct 15, 2020 at 7:07 PM Stuart Yamartino [e-mail] wrote:

@BSThisarasinghe https://github.com/BSThisarasinghe you can do it in the initializer options for the whole component or inline like this:

this.validator = new SimpleReactValidator({ messages: { required: ‘This field is required’, email: ‘Some message’ } }); // OR

{this.validator.message(‘email’, this.state.name, ‘required|email’), {messages: {required: ‘This field is required’, email: ‘Some message’}} }

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/dockwa/simple-react-validator/issues/55#issuecomment-709330066, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFQPQZX3UZNOZU4L3DCYDVDSK33I7ANCNFSM4G2CMDJA .