Check for empty phone number on submit

Thanks @rschamp!
This commit is contained in:
Matthew Taylor 2016-08-10 09:38:43 -04:00
parent 56481c797e
commit 56e88685b5

View file

@ -397,6 +397,14 @@ module.exports = {
waiting: false waiting: false
}; };
}, },
onValidSubmit: function (formData, reset, invalidate) {
if (!formData.phone || formData.phone.national_number === '+') {
return invalidate({
'phone': this.props.intl.formatMessage({id: 'teacherRegistration.validationPhoneNumber'})
});
}
return this.props.onNextStep(formData);
},
render: function () { render: function () {
var formatMessage = this.props.intl.formatMessage; var formatMessage = this.props.intl.formatMessage;
return ( return (
@ -410,7 +418,7 @@ module.exports = {
tipContent={formatMessage({id: 'registration.nameStepTooltip'})} /> tipContent={formatMessage({id: 'registration.nameStepTooltip'})} />
</p> </p>
<Card> <Card>
<Form onValidSubmit={this.props.onNextStep}> <Form onValidSubmit={this.onValidSubmit}>
<PhoneInput label={formatMessage({id: 'teacherRegistration.phoneNumber'})} <PhoneInput label={formatMessage({id: 'teacherRegistration.phoneNumber'})}
name="phone" name="phone"
defaultCountry={this.props.defaultCountry} defaultCountry={this.props.defaultCountry}