如何在 React 中使用 HTML5 验证? [英] How can I use HTML5 Validation with React?

查看:52
本文介绍了如何在 React 中使用 HTML5 验证?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这是我的 React 渲染块.我在这里使用 HTML5 验证,使用 required.这东西应该可以正常工作.但它不起作用.谁能建议我如何在 React 中使用 HTML5 验证?

 

<div className="modal-dialog"><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">电子邮件</label><div class="col-sm-10"><input type="email" className="form-control" name="email" requiredplaceholder="输入有效的电子邮件地址" id='email' ref="email"/>

<div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">密码</label><div class="col-sm-10"><input type="password" className="form-control" id='password' ref="password" requiredplaceholder="密码长度必须为 10 个字符"/>

<div class="form-group"><div class="col-sm-offset-2 col-sm-10"><button type="button" input type="submit" className="btn btn-success"onClick={this.saveNewUser}>注册

<div>

解决方案

我也遇到了这个问题,为我解决的是添加

标签,并移动从按钮输入到 onSubmit 的处理程序:

<input type="email" className="form-control" name="email" required placeholder="输入有效的电子邮件地址" id='email' ref="email"/><button type="submit" className="btn btn-success"/></表单>

看起来提交按钮可以是