在表单提交提交时使用文本输入字段强制执行最大长度条件

Question

我正在尝试编写一个简单的表单验证来强制执行在输入标记中初始化的maxlength条件。我们的想法是将这些值传递给json。没有验证它可以很好地工作。但验证并非如此： - （

这是我的JS

$.fn.serialized = function () {
    var objectModel = {};
    var a = this.serializeArray();
    $.each(a, function () {
        if (objectModel[this.name] !== undefined) {
            if (!objectModel[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            objectModel[this.name].push(this.value || '');
        } else {
            objectModel[this.name] = this.value || '';
        }
    });
    return objectModel;
};



var x = $('input').val().length;
var y = $('input').attr('maxlength');

$('form').submit(function () {
    $('input').each(function () {
        if (x <= y) { // trying to check for condition to validate.Not working :-(
            $('#result').text(JSON.stringify($('form').serialized()));
            return false;
        } else {
            alert('invalid input')
        }
    });
});

这里是小提琴

http://jsfiddle.net/sghoush1/HuYbG/8/