JQuery MultiPage form ..每个步骤的验证

Question

我有一个表格，它在每个标签上分页使用分页。 （请参阅小提琴）

但是，每个部分都有必填字段，我想验证它，以便在用户移到下一部分之前，带有“必需”属性的字段不能留空。

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 { 
    } 

您的帮助表示赞赏:)

Answer 1

文本输入将返回如果未输入响应，则显示黑色值。请尝试以下

在jQuery中，该值由VAL（）返回

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

你可能提升你的jQuery选择只测试一个相应的标签需要这些输入要素。

Answer 2

使用each功能。

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