jQuery validate test harness

by maxim75

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form method="post">
    <ul></ul>
    <input type="submit" value="  Go  "></input>
</form>

<button id="addButton">Add field</button>

JavaScript

$("form").submit(function() { 
    console.log("submit");
    return false;
});

$("#addButton").click(function() { 
    var li = $("<li><input class=\"nField\" type=\"text\"/></li>");
    $("input", li).attr("name", "field" + $(".nField").length)
    console.log($(".nField").length);
    $("ul").append(li);
    
    
    var rules = {};
    
    $("li input").each(function(idx, li) {
        var fieldName =  $(li).attr("name");
        rules[fieldName] = { number: true } ;
    });
    
    $("form").validate({ rules: rules });
});