Witam
Mam taki formularz ale niestety nie działa. Po wysłaniu pustego formularza powinien pojawić się komunikat które pola są puste oraz powinny one być w czerwonej ramce. Po wciśnięciu 'Wyślij' nic się nie dzieje, brak jakkolwiek reakcji.
p#licznikSlow {color:red; font-family:Tahoma;}
p#ileZostalo {color:blue; font-family:Tahoma;}
.zlewypelniono {border:solid 2px red; background:grey;}
<h3>Prosta walidacja wypelnienia formularza:
</h3> <form name="rejestracja" class="sprawdz"> Imie:
<input type="text" name="imie"/><br/> Telefon:
<input type="text" name="telefon"/><br/> <input type="submit" value="Wyslij"/> <script type="text/javascript"> <!--
var wybrany = 0;
$(document).ready
(
function()
{
$('form.sprawdz').submit(
function()
{
var poprawnosc = true;
$(':input', this).each
(
function()
{
if($(this).val()=='')
{
$(this).addClass('zlewypelniono');
poprawnosc = false;
}
else
{
$(this).removeClass('zlewypelniono');
}
}
);
if(!poprawnosc)
{
alert('Wypelnij wszystkie oznaczone pole i ponow');
}
return false;
}
);
}
);
</script>
Ten post edytował Vion 17.12.2010, 13:14:18