HTML textarea拼写检查:如何判断用户是否出现拼写错误

时间:2014-10-16 15:46:10

标签: javascript jquery html5

我有一个定义的textarea:

<textarea spellcheck="true"></textarea>

当用户输入时,会突出显示拼写错误(使用红色下划线,对于我的浏览器)。有没有办法(使用jQuery)在用户提交表单之前检查是否存在拼写错误?

这就是我想要实现的目标:

  

表单输入textarea:[在文件框中键入一些文本] [提交]

在用户点击提交之前,我希望听众能够抓住&#34;赶上&#34;事实上&#34; thsi&#34;拼写错误并提示用户。有没有办法通过html5拼写检查方法做到这一点,还是我必须使用自定义javascript函数进行拼写检查和聆听?

4 个答案:

答案 0 :(得分:10)

快速搜索提出了这个jQuery插件,它看起来完全符合您的要求,它使用Google拼写检查API https://code.google.com/p/jquery-spellchecker/wiki/Documentation

还有Typo.js https://github.com/cfinke/Typo.js,这是一个基于客户端的库。它不使用任何API,而是使用Hunspell样式的词典,它仅适用于美式英语“EN_US”。

如果您不想使用插件或现有代码段,则可以通过发送ajax请求来检查服务提供商的类型文本(在本例中为Google),从而构建自己的代码片段。

答案 1 :(得分:3)

您可以使用jquery插件来检查拼写。 我希望它对你有所帮助,谢谢。

  

JavaScript拼写检查

http://www.javascriptspellcheck.com/

答案 2 :(得分:2)

如果您必须本地构建它,您可以考虑为此

构建Trie数据结构

检查Trie reference 1 Trie reference 2

希望这有帮助

答案 3 :(得分:1)

你有不同的方法来实现它,这取决于你的拼写是否必须专注于一个主题(如医学单词拼写)或一般。

  1. 创建自己的字典(不是最好的选择,而且制作时间太长)
  2. 查询google
  3. 等在线词典
  4. 尝试使用Jspell Evolution(安装有点烦人,但一旦完成就能很好地运行Jspell Evolution website
  5. 你可以看一下typo.js typo.js article
  6. 昨天我发现这篇文章比其他文章好10倍: Article for javascript spell check locales您可以在其中拼写其他语言/区域设置,而不仅仅是英语区域设置。