Skip to content

Instantly share code, notes, and snippets.

@ronal2do
Created September 11, 2016 04:10
Show Gist options
  • Save ronal2do/f529d85a08a3555d0f02f3d527c09cb2 to your computer and use it in GitHub Desktop.
Save ronal2do/f529d85a08a3555d0f02f3d527c09cb2 to your computer and use it in GitHub Desktop.
import React from 'react';
export default class Form extends React.Component {
static propTypes = {
name: React.PropTypes.string,
};
constructor(props) {
super(props);
}
onSubmit(){
// captura e envia
}
render() {
return (
<div>
<form onSubmit={this.handleSubmit}>
<InputName name="name" />
</form>
</div>
);
}
}
import React from 'react';
export default class InputText extends React.Component {
constructor(props) {
super(props);
}
validarNome(event){
const validarNome = /^[A-ZÉÚÍÓÁÈÙÌÒÀÕÃÑÊÛÎÔÂËYÜÏÖÄ]{1}[a-zéúíóáèùìòàõãñêûîôâëyüïöä]+( [A-ZÉÚÍÓÁÈÙÌÒÀÕÃÑÊÛÎÔÂËYÜÏÖÄ]{1}[a-zéúíóáèùìòàõãñêûîôâëyüïöä]+){1,3}$/;
if (validarNome.test(event.target.value) === false || event.target.value == ''){
console.log(event.target.value);
console.log('inválido');
this.setState({ valido: 'error'});
} else {
console.log('valido');
this.setState({ valido: ''});
}
}
render() {
return (
<input
type="text"
name={this.props.name}
onBlur={this.validaNome}
/>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment