Question

我在页面中有几个文本框，我正在尝试对该字段的模糊进行一些验证。如果验证失败，则显示错误并突出显示该字段。这是正常的。现在的情况是，用户输入错误的值并突出显示该字段。但他点击了提交按钮。现在这个领域是未突出显示，并且错误未显示在表单中。当表单提交时，如果字段中存在任何错误，我希望该字段突出显示并且错误也是。怎么可能？

以下是我的代码

var flag1 = true;
var indFlag = 0;

var validators = {
allowaplhawithaposonly:function(val) {
return /^[a-zA-Z'\s]+$/i.test(val);
},
allowaplhanumwithaposonly:function(val) {
    return /^[\w'\s]+$/i.test(val);
},
allownospace: function (val) {
    return !/\s/.test(val);
}
};

$('#submit_form .required').blur(function () {
var input = $(this);
var classReturn = true;
input.next('ul.innererrormessages').remove();
input.removeClass('required_IE');

if(this.className) {
    var classes = this.className.split(/\s+/);
    for(var p in classes) {
        if(classes[p] in validators) {
            classReturn = classReturn && validators[classes[p]] (input.val());
        }
    }
}
if(classReturn == false){
    input.removeClass('correct');
    input.addClass('required');
    var $msg = input.attr('title');
    input.after('<ul class="innererrormessages"><li>'+$msg+'</li></ul>');
    flag1 = false;
    indFlag = 1;
}
else{
        if(indFlag != 1){//For checking if all the field validation is correct, then only flag1=true and form should submit
            flag1 = true;
    }
}

});

$('#submit_form').submit(function() {
 //It checks for some other conditions here

if(flag1)
    {
        returnValue = true;

    }
    else{
        returnValue = false;
    }
    return returnValue;
});

任何人都可以指导我吗？

由于

在字段模糊和页面提交时显示错误和突出显示字段

0 个答案: