PDA

Zobacz pełną wersję : Własny formularz kontaktowy z walidacją jquery



beatitas
19-01-2012, 09:29
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/articles/jquery-form-validator-because-form-validation-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
19-01-2012, 10:07
Link do strony.
2. aktualna joomla z linii 1.5 to 1.5. 25

beatitas
19-01-2012, 10:53
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
19-01-2012, 11:16
Sprawdź działanie formularza na "czystej" instalacji Joomla czyli standardowy szablon, zero elementów dodatkowych.

nikszal
19-01-2012, 12:04
Czy nie wygodniej byłoby stworzyć taki formularz za pomocą RSform (http://extensions.joomla.org/extensions/contacts-and-feedback/forms/2265?qh=YToyOntpOjA7czo2OiJyc2Zvcm0iO2k6MTtzOjc6In JzZm9ybXMiO30%3D)? Każdu dodatkowo doinstalowany skrypt js to potencjalne źródło konfliktu na stronie.

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

Ładnie wyszło!