2009-07-16 59 views
2

nnlimited領域和驗證我有一個HTML表單,它是這樣的:jQuery的形式,每行

我有2個字段,姓名和電子郵件,以及2個按鈕,「添加行」和「提交」。

當我點擊「添加行」按鈕時,它將創建一個新的行與2個新字段(名稱和電子郵件)。我存儲名稱和電子郵件的陣列:...

因此,用戶可以廣告無限的行。我想要進行驗證,如果用戶在同一行中填寫姓名或電子郵件,我希望用戶填寫另一個字段,以便每行填充「姓名」和「電子郵件」。

如何驗證,如果填充字段1,那麼同一行上的另一個字段必須填充,在jquery中?

回答

2

首先,我們假設你的行是class="row"的div,並且這兩個字段的類也是fnamefemail

然後,該腳本將如下所示:

function oneFieldIsEmpty() 
{ 
    $(".row").each(function(){ 
     if($(this).find(".fname").val().length || $(this).find(".femail").val().length) { 
      if(!$(this).find(".fname").val().length || !$(this).find(".femail").val().length) { 
       return true; 
      } 
     } 
    }); 
    return false; 
} 
+0

感謝您的代碼,真的很感激它,我會盡快嘗試。並讓你知道結果。再次感謝 – jingleboy99 2009-07-16 07:36:27

0

您可以使用jQuery的表單驗證plugin因爲這可以讓你創建一個可以驗證與其他jquery選擇規則,所以你可以使用.nameclass + :input.emailclass ~ :input

+0

是啊,我正在使用jquery表單驗證,但似乎不能找到我想要的.. – jingleboy99 2009-07-16 07:35:14