jquery - 使用 jquery Validate 的长表单导致 IE 缓慢脚本警告

Question

我一直在使用jquery validate插件http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 。它一直工作成功，尽管现在我有一个带有表格的表单，大约有 100 行，每行都有一个输入框

http://jsfiddle.net/X8tsR/

这会导致 IE 中出现“此页面上的脚本导致 Internet Explorer 运行缓慢”警告。

我想知道我的实现是否存在问题，或者期望此验证脚本在这么多内容上运行是否不合理？

Answer 1

页面是单线程的，因此长时间运行的脚本将导致页面锁定。像 Internet Explorer 这样的浏览器对整个浏览器使用单个线程，因此这意味着整个浏览器将变得无响应。作为解决方案，浏览器将停止似乎花费太长时间的代码，并询问用户是否希望脚本继续运行。

旧版本的 Internet Explorer 没有特别快的 JavaScript 引擎，因此迭代 100 个输入并验证它们将需要很长时间，对于 .each() 之类的东西可能会花费更长的时间。即使代码在技术上可以运行，但也需要很长时间。您也许可以做一些事情来优化您的代码，但我认为一个简单的解决方案是将事件监听器附加到每个输入，并在用户输入值时验证它们。这将带来双重好处，即用户不必滚动长表单并查找无效字段，并且允许浏览器一次仅验证一个框。

最后，您可能需要考虑将其分解为一个多步骤过程，这可能有助于提高可用性，并且具有在用户走得太远并发生不良情况之前保存状态的额外好处。