javascript - 检查必填字段的表单的最佳方法？

Question

只是一个简短的最佳实践问题:对表单进行必填字段检查的最佳方法是什么？我看到 3 个选择:

1. 服务器端。重新加载页面并显示错误消息。
2. Javascript(客户端)用于用户友好的非重新加载，还在服务器端复制需求并清理输入。
3. AJAX - 两全其美，使用 JS 询问服务器是否满足所需字段。

我想我所说的“最佳”并没有很好的定义。我想知道什么是最佳的、优雅的、可维护的、安全的和可靠的。用户体验也是关键。我愿意假设用户没有关闭 JS。后端可以是任何东西，但我想用 PHP。

Answer 1

总体规则应该是 Javascript 应该“补充”服务器端验证。因为 Javascript 可以被关闭甚至乱用。 (油猴？)

我会说 jQuery Validator，然后是 Serverside Validation。这样，启用 Javascript 的人就可以获得不必刷新就可以得到错误的好处，而且它可以顺利降级。

是否使用 AJAX 提交字段由您决定，但您不应该使用它进行验证，除非它是检查名称/电子邮件是否可用之类的事情。最好让 JavaScript 在用户输入时对其进行验证，因为不必向服务器发送请求既更快又更高效。

仅使用 JavaScript 方法将允许人们在关闭 JavaScript 时绕过验证。因此，当数据传递到服务器时，请务必再次验证数据。