jquery - 使用 jQuery 进行表单验证。任何输入的解决方案

Question

我尝试使用适合任何输入的通用公式验证表单。任何人都可以告诉我出了什么问题以及如何解决？

在这里查看现场：http: //jsfiddle.net/qSzBb/

$(function() {
    $("#form").submit(function(e) {
        var defaultValue = $(this).prop('defaultValue') ; // store de default value
        var valid = true; //assume valid form

        if (this.value = this.defaultValue){ 
            e.preventDefault();
            this.value = this.defaultValue + "is missing";
            valid = false;
        }

        if (valid) {
            $("#form").submit();
        }
    }); 
});

Answer 1

问题是您正在循环表单而不是表单中的输入。请看这个小提琴或这个

$(function() {

$("#form").submit(function(e) {

    var inpts = $("#form").children('input'), valid = true;
    inpts.each(function(idx)
    {
        var i = $(inpts[idx]);
        var defaultValue = i.prop('defaultValue');
        if (i.value = defaultValue)
        { 
            valid = false;
        }

    });


    if (!valid) 
    {
        alert('dsfsdf');
        e.preventDefault();
    }


}); 

});