[JavaScript] Problem z walidacją formularza Opcje

[ermar]

Witam.
W JS jestem zielony jak szczypior na wiosnę i potrzebuję pomocy.

Mam dwa inputy określające szerokość i wysokość pola.
Warunkiem jest , że jeden z wymiarów nie może przekroczyć 150 cm

Wymyśliłem taki kod

[HTML] pobierz, plaintext 
<script type="text/javascript">
var szerokosc = new LiveValidation('szerokosc', { validMessage: " " });
var wysokosc = new LiveValidation('wysokosc', { validMessage: " " });
 
if (wysokosc > 150)
{
szerokosc.add( Validate.Numericality, { minimum: 1, maximum: 150, notANumberMessage: "Podaj tylko cyfry w centymetrach!", tooLowMessage: "Minimalna szerokość to 1 cm!", tooHighMessage: "Jeden z wymiarów nie może przekraczać 150cm!"} );
}else
{
szerokosc.add( Validate.Numericality, { minimum: 1, notANumberMessage: "Podaj tylko cyfry w centymetrach!", tooLowMessage: "Minimalna szerokość to 1 cm!"} ); 
}
 
if (szerokosc > 150)
{
wysokosc.add( Validate.Numericality, { minimum: 1, maximum: 150, notANumberMessage: "Podaj tylko cyfry w centymetrach!", tooLowMessage: "Minimalna wysokość to 1 cm!", tooHighMessage: "Jeden z wymiarów nie może przekraczać 150cm!"} );
}
else
{
 wysokosc.add( Validate.Numericality, { minimum: 1, notANumberMessage: "Podaj tylko cyfry w centymetrach!",  tooLowMessage: "Minimalna wysokość to 1 cm!" } );
}
 
 
</script>
[HTML] pobierz, plaintext 

Ale pętla nie bardzo działa. Działa walidacja, pilnuje czy wartości nie są za małe i czy sa liczbami ale to wszystko.

Proszę uprzejmie o pomoc zielonemu.

Pozdrawiam
ermar

[ermar]

Raczej nie mam błędu w nazwach. document.form[0] też nie działa.
Dam może jeszcze form do obejrzenia

[HTML] pobierz, plaintext 
<form onchange="return true;" class="coords" method="post" action="index.php" id="test">
......
 
'<h4 style="font-size: 13px; color: #e84e02; margin: 0 0 10px 0; padding: 0;">Rozmiar</h4>
<input type="text" id ="szerokosc" name="szerokosc" style="width: 40px; margin: 0 5px 0 0; padding: 0; border: solid 1px #ccc;"> x 
<input type="text" id ="wysokosc" name="wysokosc" style="width: 40px; margin: 0 5px 0 5px; padding: 0; border: solid 1px #ccc;"> <br><br>
<span style="color: #e84e02;">UWAGA!</span> Jeden z wymiarów nie może przekraczać 150 cm. (max szerokość zadruku)<br><br>
 
<script type="text/javascript">
var szerokoscWalidacja = new LiveValidation(\'szerokosc\', { validMessage: " " });
var wysokoscWalidacja = new LiveValidation(\'wysokosc\', { validMessage: " " });
 
 
if (document.forms[0].wysokosc.value>150)    
 
{
szerokoscWalidacja.add( Validate.Numericality, { minimum: 1, maximum: 150, notANumberMessage: "Podaj tylko cyfry w centymetrach!", tooLowMessage: "Minimalna szerokość to 1 cm!", tooHighMessage: "Jeden z wymiarów nie może przekraczać 150cm!"} );
}else
{
szerokoscWalidacja.add( Validate.Numericality, { minimum: 1, notANumberMessage: "Podaj tylko cyfry w centymetrach!", tooLowMessage: "Minimalna szerokość to 1 cm!"} ); 
 
}
if (document.forms[0].szerokosc.value>150)
 
{
wysokoscWalidacja.add( Validate.Numericality, { minimum: 1, maximum: 150, notANumberMessage: "Podaj tylko cyfry w centymetrach!", tooLowMessage: "Minimalna wysokość to 1 cm!", tooHighMessage: "Jeden z wymiarów nie może przekraczać 150cm!"} );
}
else
{
 wysokoscWalidacja.add( Validate.Numericality, { minimum: 1, notANumberMessage: "Podaj tylko cyfry w centymetrach!",  tooLowMessage: "Minimalna wysokość to 1 cm!" } );
 
}
 
 
 
</script>
 
</form>
[HTML] pobierz, plaintext 

croc - niestety nie działa - tzn nic się nie dzieje.
Nie dostaje komunikatu o błędzie. Nie ważne czy wpisuje tekst czy cyfry nic się nie dzieje.
W firebug tylko
document.test is undefined
[Wstrzymuj na tym błędzie] var szerokosc = document.test.szerokosc.value;
Po prostu skrypt leży i kwiczy.

Skończyły mi się pomysły. Czuję się jak bym naprawiał samochód (IMG:style_emoticons/default/smile.gif) Jeżdżę bo umiem i znam obsługę auta ale pewnych rzeczy nie naprawię.

Wkleiłem wyżej forma - może coś to da . Mam już tam ustawione zdarzenie może to bruździ ? Nie wiem naprawdę.

Ten post edytował ermar 5.11.2011, 14:44:47