Jquery 实时验证

Posted 2023-05-09

【中文标题】Jquery 实时验证

【英文标题】：Jquery Live Validation

【发布时间】：2010-10-03 03:32:08

【问题描述】：

四处搜索后，我找不到我想要的东西，我希望使用 Jquery 库和某种形式的验证插件来验证表单客户端。我希望有人可以告诉我是否有任何不使用通用错误消息的验证插件，因为我的表单布局没有这些错误的空间，我也希望验证器能够纠正内容也是如此。

基本上我希望能够在每次按键和模糊时检查字段，如果字段验证它是否获得绿色边框，如果它没有验证它是否获得红色边框，任何人都知道有什么插件可以做到这一点？

谢谢

sico87

【参考方案1】：

我不知道您搜索的是什么，但Validation plugin（“jquery 验证”的第一个谷歌结果）完全符合您的要求...阅读the docs that come with it。

【讨论】：

出于某种原因，我为了不使用这个而奋斗了很长时间，但是伙计，这个东西是完美的。对于任何需要验证的人，请确保从这里开始。

【参考方案2】：

这是我创建的一个 jQuery 插件，并且还具有实时表单验证功能。

http://www.geektantra.com/2009/09/jquery-live-form-validation/

【参考方案3】：

我使用这个表单验证插件：http://docs.jquery.com/Plugins/Validation。虽然我不确定“实时”验证，但您可以使用 CSS 隐藏“通用”错误：

label.error display: none; 

我知道这个插件支持 AJAX，所以也许可以扩展来做你想要的实时验证？

【参考方案4】：

我的插件在可能的情况下使用客户端，当客户端不是一个好主意（validates_uniqueness 等）时使用无缝 AJAX。看看自述文件，你就像在你的模型中所做的一样 - Validatious-on-rails 使用优秀的库“Validatious”来处理其余部分。

您可以在这里找到插件/宝石：

http://github.com/grimen/validatious-on-rails

如果您有任何问题，请随时给我发消息 - 不过应该是稳定的。 =)

【参考方案5】：

我喜欢this one。 因为您可以自定义要验证的功能。