【问题标题】:JQM (jQueryMobile) HTML5 Form ValidationJQM (jQueryMobile) HTML5 表单验证
【发布时间】:2011-04-12 14:28:40
【问题描述】:

我找到了这个 h5validate 插件,但是在将它与 jQM 一起使用时没有运气,有人对带有 jQ​​m 的 html5 表单验证有任何建议吗?

我有多个表单需要验证,它们也是通过 AJAX 加载的。

这是工作流程:

  • 加载主表单,当页面加载时使用 live() 绑定(这会添加 jQM 功能)。
  • 提交时(即单击按钮)通过 AJAX 加载下一个表单(下一个表单在加载时执行相同的逻辑)
  • 这是我要添加表单验证的地方,如果有效则提交并加载下一个表单,否则显示错误

需要为每个表单添加表单验证并希望利用 html5 语法,这就是为什么我喜欢 h5validate 插件但我尝试的一切都没有发生,呃...

我还查看了jQuery Validation plugin,但我试图避免额外的语法和标记。 我看过 HTML5FORM 但它使用的是 jQuery 1.4.2 而我使用的是 1.5.x

想知道其他人是否对 html5 和多表单验证提交有任何帮助?

【问题讨论】:

  • 我是 h5Validate 的作者。我很想看看您在“什么都没发生”时尝试使用的代码。 h5Validate 是一个经过彻底测试的项目,用于一些非常高流量的项目。如果有什么东西坏了,我很想得到一些测试用例,这样我就可以修复它。 - 埃里克
  • 对不起,这是不久前,我使用了另一个验证库。您可能想查看 jQueryMobile 以及您的插件如何与它交互,因为它越来越受欢迎。如果您愿意,我很乐意帮助测试该过程? LMK
  • 请在github.com/dilvie/h5Validate/issues/new发布错误报告和测试用例

标签: jquery html validation jquery-mobile jquery-1.5


【解决方案1】:

我已经使用来自这里的validationEngine.js 插件在多表单方面取得了成功http://www.position-relative.net/creation/formValidator/

此处示例:http://coww.ws/jqmtest/

希望这有帮助吗?

【讨论】:

  • 该表单看起来不错(我也喜欢这些图标),但是如果您在移动设备 (iP4) 上查看它,错误 div 会显示在页面顶部,而不是显示在这是为了
【解决方案2】:

ValidVal 是我要使用的,它具有所有简单的语法并利用 html5 属性进行验证

【讨论】:

  • 这个库的一个大问题是,即使它允许您在表单无效时进行处理,它也不会告诉您原因。您必须自己检查输入以生成相关的错误消息(默认情况下,它会在整个表单的警报中显示一般消息)。
猜你喜欢
  • 1970-01-01
  • 2012-07-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-28
  • 2016-07-04
相关资源
最近更新 更多