混合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等）使用特定的驗證代碼（電子郵件的不同驗證方法，而不是名稱），請確保更新您想要驗證發生的事件後，一切正常。