Jquery验证总结错误

时间:2014-08-27 06:33:52

标签: jquery

这是我的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;
            }

1 个答案:

答案 0 :(得分: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 .... 您的代码无效,因为您将错误附加到主要代码。附加简单添加,而html或文本可以替换内容。附加不替换。