Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在HTML中获取验证框_Javascript_Html_Reactjs - Fatal编程技术网

Javascript 如何在HTML中获取验证框

Javascript 如何在HTML中获取验证框,javascript,html,reactjs,Javascript,Html,Reactjs,在单击按钮之前,我正在验证一个字段,并希望显示浏览器验证框,如下图所示。我不是在用表格 所以不知道如何得到这个验证框。 输入元素: const username = <input type="text" name="username" placeholder="ENTER USERNAME" onChange={this.validate}/> const用户名= 您正在使用html验证。要匹配验证(如小写字母),可以使

在单击按钮之前,我正在验证一个字段,并希望显示浏览器验证框,如下图所示。我不是在用表格 所以不知道如何得到这个验证框。

输入元素:

const username = <input type="text" name="username" placeholder="ENTER USERNAME" onChange={this.validate}/>
const用户名=

您正在使用html验证。要匹配验证(如小写字母),可以使用:



实现这一点不需要javascript/React验证

注意防止默认设置,您需要一个提交按钮:


用户名:


你可以试试


我个人的建议是不要使用html验证并为自己创建验证,或者使用一些react验证库。

您可能可以通过。
const username = <input type="text" name="username" placeholder="ENTER USERNAME" onChange={this.validate}/>