JS更改值后验证textarea答案

【问题标题】：Validate textarea after change value by JSJS更改值后验证textarea
【发布时间】：2019-02-26 18:44:55
【问题描述】：

我想在 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>

【问题讨论】：

验证不工作怎么办？预期的行为是什么？
minlength 设置为5。当您通过添加按钮更改值并尝试验证时，验证将不起作用。预期的行为是什么？像普通打字一样验证
您的代码有一个额外的引号：'12';"" 应该是 '12';"。
@ggorlen 它没有任何改变。还是不行jsfiddle.net/h7m8zast/10
@ggorlen 看看我的更新

标签： javascript html validation textarea

【解决方案1】：

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

【讨论】：

将 exaple 更改为由 innerText 添加文本，但验证仍无法正常工作 jsfiddle.net/h7m8zast/3