Reactjs 具体化类=";“验证”;属性未验证React中的字段
我正在使用React js创建物化表单,为了确保字段不为空,我正在使用物化class=“validate”属性。即使我使用了required=“”和aria required=“true”,但在单击Submit按钮时,空字段也不会得到验证。我不知道为什么 请帮我做这件事Reactjs 具体化类=";“验证”;属性未验证React中的字段,reactjs,reactive-programming,materialize,materialized,Reactjs,Reactive Programming,Materialize,Materialized,我正在使用React js创建物化表单,为了确保字段不为空,我正在使用物化class=“validate”属性。即使我使用了required=“”和aria required=“true”,但在单击Submit按钮时,空字段也不会得到验证。我不知道为什么 请帮我做这件事 class ContactForm extends Component { render() { return ( <div> <form onSubmit={this.handleSubmit}&
class ContactForm extends Component {
render() {
return (
<div>
<form onSubmit={this.handleSubmit}>
<div className="input-field col s12 l10">
<i className="material-icons prefix">text_format</i>
<input type="text" id="name" ref="Name" class="validate" required="" aria-required="true"></input>
<label htmlFor="name">Your Name</label>
</div>
<div className="input-field col s12 l10">
<i className="material-icons prefix">phone</i>
<input type="number" id="phone" ref="MobileNo" class="validate" required="" aria-required="true"></input>
<label htmlFor="phone">Mobile No.</label>
</div>
<div className="input-field col s12 l10">
<i className="material-icons prefix">email</i>
<input type="email" id="email" ref="EmailId" class="validate" required="" aria-required="true"></input>
<label htmlFor="email">Your Email</label>
</div>
<div className="center">
<button className="btn" type="submit" >Submit</button>
</div>
</form>
</div>
);
}
}
export default ContactUsForm;
类ContactForm扩展组件{
render(){
返回(
文本格式
你的名字
电话
流动电话号码。
电子邮件
你的电子邮件
提交
);
}
}
导出默认联系人表单;