混合jQuery形式和验证

Question

我想混合本教程的验证部分：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/

Answer 1

其实，这个问题几乎回答了原样。如果不是使用相同的代码验证所有字段，如果我将它们分开并针对相应的验证器（电子邮件，fname，lname等）使用特定的验证代码（电子邮件的不同验证方法，而不是名称），请确保更新您想要验证发生的事件后，一切正常。