[JavaScript][HTML]Mały problem ze skryptem w JS. Opcje

[David_Rook]

Witam,

Panowie proszę o pomoc w sprawie pewnego skryptu napisanego w JS, bo mi już pomysłów brak....

Otóż, skrypt ma za zadanie sprawdzenie czy wartość kredytu jest większa od wartości nieruchomości podczas kliknięcia przycisku Szukaj w formularzu.
Skrypt działa poprawnie, tzn. gdy wypełnimy wszystkie pola formularza oraz specjalnie wpiszemy za dużą kwotę kredytu względem wartości nieruchomości skrypt wykona się, wyświetli stosowny komunikat i nie pozwoli na wykonanie się formularza.

Problem pojawia się, gdy po raz pierwszy bez wypełnionych pól ktoś wciśnie przycisk Szukaj, wtedy uruchomi się wtyczka odpowiedzialna za walidację (jquery.validate.min.js) wyświetli informację, że pola te są wymagane, uzupełnimy je tak jak wcześniej złymi wartościami, tj. kwota kredytu większa niż nieruchomość i akcja formularza nie wykonuje się ale nei wyświetla się stosowna informacja. Sprawdzałem to w firebug'u, kombinowałem, ale już nie mam pomysłu... Jeśli zmienimy wartości na dobre akacja formularza się wykonuje i zapytanie MySQL również.

Jakieś pomysły, podpowiedzi?

Z góry dziękuję

Poniżej kod JS skryptu oraz sposób w jaki go dodaję do HTML.

[HTML] pobierz, plaintext 
        <script type="text/javascript">
 
function validate(event) 
    {
    with (document.forms[0]) 
        {
          if ((kredyt.value == '') && (wartosc_nieruchomosci.value == ''))
              {
                  return;
              }
          if (kredyt.value > wartosc_nieruchomosci.value)
            {
            event.preventDefault();
            if( $('#errors').html() == '')
             {
                 $('#errors').append("<p>Kredyt jest większy od Nieruchomości!</p>");
             }
           }
 
	}
}
 
 
        </script>
[HTML] pobierz, plaintext 

Przycisk:

[HTML] pobierz, plaintext 
<div>
                        <button class="awesome" onclick="validate(event);">SZUKAJ!</button>
                        <div id="errors" class="error" style="float: right;"></div>
                    </div>
[HTML] pobierz, plaintext 

[morbic]

A co gdybyś zamiast onClick użył buttona wewnątrz form (input type="submit") i podpiął się z własna funkcją pod cały formularz za pomocą submit() w jQuery zwracając z niej false w przypadku niepowodzenia?

[HTML] pobierz, plaintext 
<div>
<form action="moj_super_skrypt.php" method="POST" id="moj_super_formularz">
                        <input type="text" id="input_kredyt" name="kredyt" value="" />
                        <input type="text" id="input_nieruchomosci" name="nieruchomosci" value="" />
                        <input type="submit" class="awesome" name="submit" value="SZUKAJ!" />
</form>
                        <div id="errors" class="error" style="float: right;"></div>
</div>
 
<script type="text/javascript">
$(document).ready(function() {
  $("#moj_super_formularz").submit(function() {
      if ($("#input_kredyt").val() == '' || $("#input_nieruchomosci").val() == '')
      {
            return false;
      }
 
      if (parseInt($("#input_kredyt").val()) > parseInt($("#input_nieruchomosci").val()))
      {
            $('#errors').html("<p>Kredyt jest większy od Nieruchomości!</p>");
            return false;
      }
  });
});
</script>
[HTML] pobierz, plaintext 

[David_Rook]

Niestety nie dziala...

Tzn jest tak jak w moim przypadku - skrypt blokuje wykonanie akcji formularza, ale nie wyświetla informacji...
----------------------------------------------------
Temat można zamknąć, problem rozwiązany.

Ten post edytował David_Rook 3.11.2012, 02:00:30