带有 php/jquery 的 HTML 表单消息？答案

【问题标题】：HTML form message with php/jquery?带有 php/jquery 的 HTML 表单消息？
【发布时间】：2011-04-01 19:03:29
【问题描述】：

假设我有一个包含 3 个字段的表单。姓名、电子邮件和消息。当我点击提交按钮时，我想让它检查电子邮件是否具有@xxxx.com 布局以及是否给出了名称和消息。在没有重新加载页面的情况下检查后应该有一条错误消息淡入或一条成功消息淡入。我究竟如何使用 php 和 jquery 来做到这一点，在这种特定类型的情况下，我在哪里可以找到好的做法？

【问题讨论】：

说真的……这个话题已经在 SO 上讨论过很多次了。至少，带一些源代码，然后让我们帮助你。
最简单的方法是使用 HTML5 的新功能：将输入字段类型设置为“电子邮件”，如果输入的字符串不是电子邮件地址，它会发出警告。对于比这更复杂的东西，请阅读其他关于 jQuery 验证插件的 cmets。

标签： jquery html forms

【解决方案1】：

最简单的方法是使用 jQuery 插件：http://docs.jquery.com/Plugins/validation。事实上，最小设置只需要一行 javascript，$("#commentForm").validate();。但是，请记住使用 php 检查服务器端的数据，以防用户禁用了 javascript。

【讨论】：

【解决方案2】：

Jquery 验证插件http://docs.jquery.com/Plugins/validation 对于服务器端，您仍然需要验证它，以防 javascript 被禁用并检查您的数据的完整性问题

【讨论】：

【解决方案3】：

我最喜欢的两个内联验证器是：

番茄酱 http://demos.usejquery.com/ketchup-plugin/

和

内联验证 http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

两者都非常易于应用（对于内联验证器，只需添加一个类声明）并且工作得很好。

不过，我怎么强调都不过分，您仍然需要使用 regex/length/isset 类型验证来检查 PHP 端。

【讨论】：