Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在带有文本输入字段的表单提交上强制执行最大长度条件_Jquery - Fatal编程技术网

Jquery 在带有文本输入字段的表单提交上强制执行最大长度条件

Jquery 在带有文本输入字段的表单提交上强制执行最大长度条件,jquery,Jquery,我试图编写一个简单的表单验证来强制执行输入标记中初始化的maxlength条件。其思想是将这些值传递到json中。没有验证,它工作得很好。但在验证过程中,情况并非如此:-( 这是我的JS $.fn.serialized = function () { var objectModel = {}; var a = this.serializeArray(); $.each(a, function () { if (objectModel[this.name]

我试图编写一个简单的表单验证来强制执行输入标记中初始化的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')
        }
    });
});
$.fn.serialized=函数(){
var objectModel={};
var a=this.serializeArray();
$。每个(一个,函数(){
if(objectModel[this.name]!==未定义){
如果(!objectModel[this.name].push){
o[this.name]=[o[this.name]];
}
objectModel[this.name].push(this.value | |“”);
}否则{
objectModel[this.name]=this.value | |“”;
}
});
返回对象模型;
};
var x=$('input').val().length;
变量y=$('input').attr('maxlength');
$('form')。提交(函数(){
$('input')。每个(函数(){

如果(x当maxlength属性阻止您输入更多字符时,您将如何在输入中键入更多字符?@adeneo--这使我的问题为空。。真糟糕。我应该在发布此消息之前多考虑一点。感谢您指出这一点。别忘了也要进行服务器端长度验证。恶意参与者可以发布c满足于任何长度。