混合jQuery表单和验证

时间:2011-08-01 22:55:17

标签: jquery forms jquery-validate

我正在尝试将本教程的验证部分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/

1 个答案:

答案 0 :(得分:0)

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