通过JS更改值后验证textarea

Question

我想在通过JS更改值后验证textarea，但是验证不起作用。我想使用“纯” JS

minlength设置为5。当您通过“添加”按钮更改值并尝试验证时，验证将不起作用。应该像正常键入12

一样对其进行验证

<textarea name="textarea" minlength="5" maxlength="30" required></textarea>
<button onclick="document.querySelector('textarea').value = '12';">Add</button>
<button onclick="document.querySelector('textarea').reportValidity();">Check</button>

Answer 1

我认为您需要将文本区域包裹在一个元素中，然后在该元素上运行reportValidity()。