Javascript 为html创建自定义拼写检查

可以在html输入中使用一些自定义函数进行拼写检查吗？例如，我有一个输入，其中值被空格（或逗号，无关紧要）分割，还有一个函数从中接收令牌。该函数决定标记是否拼写正确（在我的例子中，会有一些正则表达式），并返回真/假值，并基于该值，一些单词将被加下划线。在我的脑海里，它看起来像这样：

<input type="text" onCheck="checkToken">

<script>
function checkToken(token) {
  const oneCrazyRegex = /[a-b]/;
  return oneCrazyRegex.test(token);
</script>

是否可以使用js/css/html

---

另外，

onCheck

只是一个例子，我知道这个属性是无效的

是的，你可以使用正则表达式来清理文本，但你必须记住，人们可以伪造任何他们想要的输入，因为检查将在客户端进行，任何人都可以打开控制台发送任何他们想要的信息。

onCheck

？请不要使用无效属性，并避免在*处理程序上使用内联

，就像（希望）不要使用内联
样式
属性一样。JS应该只放在一个地方，那就是您的脚本文件或标记。举个例子，我将澄清itAFAIK，没有原生方法可以在
字段中只放一个单词“自定义拼写检查下划线”。您不能在
上下文中使用
或其他标记。我认为您的意思是
onchange
，并且您没有向
checkToken
传递任何需要
标记的内容。也许，传递
这个.value
？假设一切正常，返回值怎么处理？将其发送到控制台/警报的另一个元素/日志，或者：在函数中传递
this
，
test
令牌.value
，而不是
return
，
this.value=
。
function spellCheckInput(line) {
  // line is an array of tokens
  return line.map(tok => checkToken(tok));
}