2014-09-02 40 views
0

我有一個表格,它在每個標籤上分頁使用分頁。 (請參閱小提琴)JQuery MultiPage form ..每個步驟的驗證

但是,每個部分都有必填字段,我想驗證它,以便在用戶移到下一部分之前,帶有「必需」屬性的字段不能留空。

http://jsfiddle.net/Azxjt/

我試着以下但不認爲我在正確的軌道:

$(this).closest("article > :input").each(function() { 

    if($(this).val == null) { 

    con = 0; 


    } 

    }); 
    if (con == 0) { 
    alert("All fields must be filled in"); 
    } 
    else { 
    } 

您的幫助表示讚賞:)

回答

0

文本輸入將返回如果未輸入響應,則顯示黑色值。請嘗試以下

在jQuery中,該值由VAL()返回

$(this).val() == "" 

你可能提升你的jQuery選擇只測試一個相應的標籤需要這些輸入要素。

+0

我相信我的選擇實際上不選擇任何元素是成功的一半:) – Corbin 2014-09-02 22:23:35

+0

試試「的文章:輸入」而不是「文章>:輸入」既然你有包裹輸入欄div元素。 – terrywb 2014-09-02 22:43:16

0

使用each功能。

var isEmpty; 
$("input").each(function() { 
    var element = $(this); 
    if (element.val() == "") { 
     isEmpty= true; 
    } 
}); 
+0

這將返回所有輸入,我想查找當前文章中的所有輸入 – Corbin 2014-09-02 22:34:15