【问题标题】:Blending jQuery form and validation混合 jQuery 表单和验证
【发布时间】:2011-08-01 22:55:16
【问题描述】:

我正在尝试将本教程的验证部分:http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/ 与本教程的滑动表单部分:http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/ 结合起来。

滑动表单有一个内置的验证,但缺少它。这仅在用户移动到下一张幻灯片时验证。我想加入对 yensdesign 教程的即时验证,但我很难理解如何做到这一点。当谈到 javascript 和 jQuery 时,我仍然是初学者,这让我很吃力。我想在用户输入信息时调用验证函数,而不是仅在幻灯片更改时调用。但是滑块的编程方式,我不知道要进行哪些更改以及在哪里进行更改...我尝试添加 validateFName 函数来代替此代码:$('#formElem').children(':nth-child('+ parseInt(step) +')').find(':input:not(button)').each(function(){

但这不起作用。我真的不希望有人只给我代码。我希望有人指导我完成将表单的这两个部分融合在一起需要发生的事情。

感谢您提供的任何帮助。阅读 jquery "how-to" 书并没有帮助,因为这是一个非常具体的问题。所以这就是我把它带到这里的原因。

编辑 这是一个没有工作验证部分的工作 JSFiddle...http://jsfiddle.net/KyHvX/

【问题讨论】:

    标签: jquery forms jquery-validate


    【解决方案1】:

    实际上,这个问题几乎是按原样回答的。如果不是使用相同的代码验证所有字段,而是将它们拆分并为各个验证器(电子邮件、fname、lname 等)使用特定的验证代码(电子邮件的验证方法与名称不同),那么请确保更新您希望在之后进行验证的事件,一切正常。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-23
      • 2020-06-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多