是否有可能在自定义元素上触发html5表单验证本机浏览器消息？

Question

是否可以在div或类似的自定义非默认输入元素上触发此本机验证UI？我想创建带有验证的自定义React元素，但我不会使用隐藏的输入或不可见的输入字段。

Answer 1

您可以在输入字段上创建服装验证，但不能在div上创建服装验证：more info

document.getElementById('i').setCustomValidity('Test');
document.getElementById('d').setCustomValidity('Test');

<form>
<input type="text" id="i" />
<div id="d">asd</div>
<input type="submit"/>
</form>