【发布时间】: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