入力タグに JQuery 検証を含むフォームがあり、いくつかのグリフがあります。入力フィールドが選択されている場合は、デフォルト値のみが消える必要があります。
完全なコードは次のとおりです。
HTML:
<input name="naam" id="naam" defaultVal="U bent geïntresseerd in * :" value="U bent geïntresseerd in * :" />
jQuery:
$('body').ready(function(){
$('input, textarea').focus(function(){
var inputValue = $(this).val();
if (inputValue == "Naam * :" || inputValue == "Voorletters * :" || inputValue == "Telefoon * :" || inputValue == "E-mail adres * :" || inputValue == "Uw inruil auto * :" || inputValue == "Kilometerstand * :" || inputValue == "Kenteken van uw auto * :" || inputValue == "U bent geïntresseerd in * :"){
$(this).val('');
}
});
$('input').blur(function(){
var newInput = $(this).val();
if (newInput == '' || newInput == ' '){
$(this).val($(this).attr('defaultVal'));
var idName = $(this).attr('id');
if(idName=="naam" || idName=="voorletters" || idName=="tel" || idName=="email" || idName=="intresse" || idName=="inruilauto" || idName=="km" || idName=="kenteken"){
$('#'+idName).addClass("error");
}
}else{
var idName = $(this).attr('id');
if(idName=="naam" || idName=="voorletters" || idName=="tel" || idName=="intresse" || idName=="inruilauto" || idName=="km" || idName=="kenteken"){
$('#'+idName).removeClass("error");
$('#'+idName).addClass("good");
}
}
});
});