Jquery验证对错误求和

Question

这是我的Jquery脚本。如果我点击按钮，它会检查是否所有内容都填写有效。但如果我点击按钮10次，我会得到10次相同的错误。我想知道我是否可以再次清空这些错误，这样你只会看到最新的点击事件。感谢正手

var toevoegenknop=$('<button>Toevoegen</button>').appendTo(main);
        toevoegenknop.click(function() {
            var huisnummer = input_huisnummer.val();
            var naam = input_naam.val();
            var aantalpers = input_aantalpers.val();
            var comfort = input_comfort.val();
            var bouwjaar = input_bouwjaar.val();
            verwerken = true;
            if(huisnummer<1 || huisnummer>500){
                foutmelding1=$('<p>Er moet een geldig huisnummer ingevuld worden</p>').appendTo(main);
                verwerken = false;
            }
            if(naam==''){
                foutmelding2=$('<p>Er moet een geldige naam ingevuld worden</p>').appendTo(main);
                verwerken = false;
            }
            if(aantalpers<1 || aantalpers>20){
                foutmelding3=$('<p>Er moet een geldig aantal personen ingevuld worden</p>').appendTo(main);
                verwerken = false;
            }
            if(comfort<1 || comfort>3){
                foutmelding4=$('<p>Comfort kan allen becijferd worden met een getal tussen 1 en 3</p>').appendTo(main);
                verwerken = false;
            }
            if(bouwjaar<1900 || bouwjaar>2014){
                foutmelding5=$('<p>Er moet een geldig bouwjaar ingevuld worden</p>').appendTo(main);
                verwerken = false;
            }

Answer 1

试试这个：

var toevoegenknop=$('<button>Toevoegen</button>').appendTo(main);
        toevoegenknop.click(function() {
            var huisnummer = input_huisnummer.val();
            var naam = input_naam.val();
            var aantalpers = input_aantalpers.val();
            var comfort = input_comfort.val();
            var bouwjaar = input_bouwjaar.val();
            var error_code = '';
            $('<div id="errors_div"></div>').appendTo(main);
            verwerken = true;
            if(huisnummer<1 || huisnummer>500){
                foutmelding1='<p>Er moet een geldig huisnummer ingevuld worden</p>';//.appendTo(main);
                error_code += foutmelding1 + '<br>';
                verwerken = false;
            }
            if(naam==''){
                foutmelding2='<p>Er moet een geldige naam ingevuld worden</p>';//.appendTo(main);
                error_code += foutmelding2 + '<br>';
                verwerken = false;
            }
            if(aantalpers<1 || aantalpers>20){
                foutmelding3='<p>Er moet een geldig aantal personen ingevuld worden</p>';//.appendTo(main);
                error_code += foutmelding3 + '<br>';
                verwerken = false;
            }
            if(comfort<1 || comfort>3){
                foutmelding4='<p>Comfort kan allen becijferd worden met een getal tussen 1 en 3</p>';//.appendTo(main);
                error_code += foutmelding4 + '<br>';
                verwerken = false;
            }
            if(bouwjaar<1900 || bouwjaar>2014){
                foutmelding5='<p>Er moet een geldig bouwjaar ingevuld worden</p>';//.appendTo(main);
                error_code += foutmelding5 + '<br>';
                verwerken = false;
            }
            $('#errors_div').html(error_code);
        });

我添加了一个变量error_code，然后在每个条件/验证中，我都将错误消息作为字符串添加到error_code变量中，并以javascript方式将其附加。

然后，在检查了条件之后，我将错误的最终列表附加到main。。。。您的代码无法工作，因为您正在将错误追加到main中。追加简单的添加，而html或文本可以替换内容。追加不会替换。