Witam! Tworze formularz, sprawdzam go juz przed wyslaniem formularza, aby dynamicznie pokazywalo co jest zle wpisane.
mam cos takiego:
to jest w inpucie:
<input type="text" name="login" placeholder="Login" class="forlog2" id="login" onclick="checking('login','3','10')" onkeyup="checking('login','3','10')">
a funkcja wygląda tak:
function checking(id,min,max)
{
var x = document.getElementById(id);
var length = parseInt(x.value.length);
if(x.value ==''){
x.removeError();
x.createTitleError('To pole musi być wypełnione.');
return false;
}
if(length <min)
{
x.removeError();
x.createTitleError('Minimalna długość pola to '+min+' znaki.');
return false;
}
if(length >max)
{
x.removeError();
if(max>=5){
x.createTitleError('Maksymalna długość pola to '+max+' znaków.');}
if(max>=5){
x.createTitleError('Maksymalna długość pola to '+max+' znaki.');}
return false;
}
else{
x.removeError();
return true;
}
}
no i mi to ladnie dziala....
ale jak juz rozbijam to na mniejsze funkcje to nie dziala to wyglada tak:
input zostaje ten sam, a funkcje:
function checkIsEmpty(id){
var x = document.getElementById(id);
if(x.value ==''){
x.removeError();
x.createTitleError('To pole musi być wypełnione.');
return false;
}
function checking(id,min,max)
{
var x = document.getElementById(id);
var length = parseInt(x.value.length);
checkIsEmpty(id);
if(length <min)
{
x.removeError();
x.createTitleError('Minimalna długość pola to '+min+' znaki.');
return false;
}
if(length >max)
{
x.removeError();
if(max>=5){
x.createTitleError('Maksymalna długość pola to '+max+' znaków.');}
if(max>=5){
x.createTitleError('Maksymalna długość pola to '+max+' znaki.');}
return false;
}
else{
x.removeError();
return true;
}
}
}
to juz mi nie dziala... co powinienem zrobic aby działało?