tengo un problema al querer validar un input, que solo se utilicen letras en react codigo de la funcion:
class REGISTRARUSER extends Component{
constructor(props){
super(props);
this.state={
nombre: '',
email:''
};
this.handlkeyPress = this.handlkeyPress.bind(this);
this.handleChangeInput = this.handleChangeInput.bind(this);
};
handlkeyPress(evento){
// console.log(String.fromCharCode(event.keyCode));
let tecla = evento.which;
let caracter = String.fromCharCode(tecla)
let regex = new RegExp("^[a-zA-Z ]+$");
if(!regex.test(caracter)){
console.log("es numero");
return false;
}
}
handleChangeInput(evento){
const {name, value} = evento.target;//destructurin de los valores enviados por el metodo onchange de cada input
this.setState({
[name] : value //al elemento dentro de [] es una key de cada parametro dentro del estado.
});
}
Por lo que he visto al devolver un return false, no debería aparecer la tecla que se presiono si es que esta es un numero, ya que solo deberían aparecer letras escritas dentro del input, pero no me funciona, no se si la funcion esta mal o es por que en la funcion onchange modifico el state con lo que introduzco en el input
input:
<input
id="nombre"
name="nombre"
type="text"
placeholder="Ingrese el Nombre"
value={this.state.nombre}
onChange={this.handleChangeInput}
onKeyPress={this.handlkeyPress}
/>