这是我的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;
}
答案 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或文本可以替换内容。附加不替换。