Подскажите как в поле input
можно запретить ввод пробела первым символом?
Так же не совсем понимаю, как запретить ввод не более одного пробела подряд?
Жду ваши идее и предложения.
Премного благодарен, за Ваше потраченное время!
function check(event)
{
if (event.keyCode==32)
{
alert('Ой!');
return false;
}
}
class FlavorForm extends React.Component {
constructor(props) {
super(props);
this.state = {value: 'Vasya'};
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(event) {
this.setState({value: event.target.value});
input.value = input.value.replace(/^\s|[.`":'$@~;]/g, '');
}
handleSubmit(event) {
alert('Your name is: ' + this.state.value);
event.preventDefault();
}
render() {
return (
<form onSubmit={this.handleSubmit}>
<label>
Enter you name:
<input value={this.state.value} onChange={this.handleChange} onkeypress="return check(event);">
</input>
</label>
<input type="submit" value="Submit" />
</form>
);
}
}
ReactDOM.render(
<FlavorForm />,
document.getElementById('root')
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react-dom.min.js"></script>
<div id="root"></div>