JS更改值后验证textarea

Posted 2023-05-07

【中文标题】JS更改值后验证textarea

【英文标题】：Validate textarea after change value by JS

【发布时间】：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 看看我的更新

【参考方案1】：

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

【讨论】：

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