Własny formularz kontaktowy z walidacją jquery

[beatitas]

Witam,

Mam problem z walidacją formularza kontaktowego w joomli. (1.5.22)

Formularz umieszczony jest na stronie jako moduł po lewej stronie:

**********

**********
		<script>jQuery(document).ready(function(){
			jQuery("#formID").validationEngine();
		});
</script>
	
<p class="fopis">Jeśli chcesz pobrać program wypełnij formularz:</p>
<div id="form_container_2">
 <form method="post" action="http://???????????????????/formmail/formmail.php" name="SampleForm" id="formID" class="appnitro2">

 <input type="hidden" name="derive_fields" value="referrer = HTTP_REFERER, Date = %date%, Time = %time%" />

 
 <input type="hidden" name="csvfile" value="???????.csv" />
 <input type="hidden" name="csvcolumns" value="Date,Time,Imie-Nazwisko,Telefon,email,wojewodztwo,referrer" />  
   
  <input type="hidden" name="recipients" value="baza@?????????.pl" />  
  <input type="hidden" name="required" value="email" /> 
   <input type="hidden" name="subject" value="Formularz kontaktowy" />
  <input type="hidden" name="mail_options" value="Exclude=realname" />
  <input type="hidden" name="good_url" value="http://???????????/dziekujemy-za-wypenienia-formularza-kontaktowego-netwitness" />

    
    <ul >
      <li id="li_1" >
        <label class="description" for="element_3">Imię i nazwisko </label>
        <div>
          <input id="imieinazwisko" name="Imie-Nazwisko" class="validate[required] element text large" type="text" maxlength="255" value=""/>
        </div>
      </li>
      <li id="li_5a" >
        <label class="description" for="element_5a">Telefon kontaktowy </label>
        <div>
          <input id="element_5a" name="Telefon" class="validate[required] element text large" type="text" maxlength="255" value=""/>
        </div>
      </li>
      <li id="li_7" >
        <label class="description" for="element_7">Adres e-mail </label>
        <div>
          <input id="email" name="email" class="validate[required,custom[email]] element text large" type="text" maxlength="255" value="@"/>
        </div>
      </li>
      <li id="li_1" >
        <label class="description" for="element_1">Województwo </label>
        <div>
          <select class="validate[required] element select large" id="element_1" name="wojewodztwo">
            <option value="" selected="selected"></option>
            <option value="dolnośląskie" >dolnośląskie</option>
            <option value="kujawsko-pomorskie" >kujawsko-pomorskie</option>
            <option value="lubelskie" >lubelskie</option>
            <option value="lubuskie" >lubuskie</option>
            <option value="łódzkie" >łódzkie</option>
            <option value="małopolskie" >małopolskie</option>
            <option value="mazowieckie" >mazowieckie</option>
            <option value="opolskie" >opolskie</option>
            <option value="podkarpackie" >podkarpackie</option>
            <option value="podlaskie" >podlaskie</option>
            <option value="pomorskie" >pomorskie</option>
            <option value="śląskie" >śląskie</option>
            <option value="świętokrzyskie" >świętokrzyskie</option>
            <option value="warmińsko-mazurskie" >warmińsko-mazurskie</option>
            <option value="wielkopolskie" >wielkopolskie</option>
            <option value="zachodniopomorskie" >zachodniopomorskie</option>
          </select>
        </div>
      </li>
      <li id="li_2" >
        <span>
        <input id="zgoda" name="zgoda-przetwarzanie-danych" class="validate[required] element checkbox" type="checkbox" value="TAK" />
        <label class="choice" for="element_2_1">
Wyrażam zgodę na przetwarzanie moich danych osobowych przez ???????
</label>
        </span></li>
<label class="choice2" for="element_2_1a">
<a href="#" tooltip="Wyrażam zgodę na przetwarzanie przez<br /> ???? moich danych osobowych w celach marketingowych, w tym na przesyłanie informacji handlowych drogą elektroniczną, a w szczególności na przygotowywanie dla mnie przez ??? oferty handlowej.<br /><br />Zostałem poinformowany, iż administratorem moich danych osobowych jest: ??/  z siedzibą w ??? oraz, że udostępnienie danych jest dobrowolne, mam prawo wglądu do treści danych oraz żądania ich poprawienia bądź usunięcia.">Pełna treść klauzuli</a></label>
      <li class="buttons">
        <input type="hidden" name="Formularz" value="Wyślij" />
        <input id="saveForm-inv" class="button_text" type="submit" name="submit" value="Wyslij" />
      </li>
    </ul>
  </form>


</div>

Do walidacji stosuję rozwiązanie: http://www.position-absolute.com/art...ion-is-a-mess/ , które na takiej samej stronie w html działa, a w joomli brakuje walidacji.

W sekcji head importuje bez błędów skrypty
<script type="text/javascript" src="js/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="js/jquery.validationEngine.js"></script>

jak i bibliotekę jquery.

Na tej samej stronie stosowane są inne rozwiązania z jquery typu: nivo slider, qtip, fancybox i wszystko działa.

W czym może być problem?

[palyga007]

Link do strony.
2. aktualna joomla z linii 1.5 to 1.5. 25

[beatitas]

Strona na której walidacja nie działa: http://www.mediarecovery.pl/netwitness-nextgen

Ta sama działająca walidacja: http://www.skasujdane.pl/index.html

[palyga007]

Sprawdź działanie formularza na "czystej" instalacji Joomla czyli standardowy szablon, zero elementów dodatkowych.

[nikszal]

Czy nie wygodniej byłoby stworzyć taki formularz za pomocą RSform? Każdu dodatkowo doinstalowany skrypt js to potencjalne źródło konfliktu na stronie.

[Jac]

@beatitas, mam pytanie, jaki dokładnie moduł multi-column dropdown menu zastosowałeś na stronie http://www.mediarecovery.pl?

Ładnie wyszło!