Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: formularz html jquery
Forum PHP.pl > Forum > Gotowe rozwiązania
mastro007
Witam
Czy ktoś z was wie ja zrobić w poniższym formularzu wymuszenie wymagania poszczególnych pól np. na email?
<html>
<title>
formularz
</title>
<body bgcolor="yellow">
<form action="mailto:twój_adres_poczty@domena" method="post" enctype="text/plain"><div>
<!-- Podstawowe pole tekstowe -->
<input name="Imię" />Podaj swoje imię<br />
<input name="Nazwisko" />Podaj swoje nazwisko
<!-- Pole typu RADIO -->
<p>Podaj swoją płeć:</p>
<input type="radio" name="Płeć" value="Kobieta" />Kobieta
<input type="radio" name="Płeć" value="Mężczyzna" />Mężczyzna
<!-- Pole typu RADIO -->
<p>Ile masz lat?</p>
<input type="radio" name="Wiek" value="mniej niż 15" />mniej niż 15<br />
<input type="radio" name="Wiek" value="15-19" />15-19<br />
<input type="radio" name="Wiek" value="20-29" />20-29<br />
<input type="radio" name="Wiek" value="30-39" />30-39<br />
<input type="radio" name="Wiek" value="40-60" />40-60<br />
<input type="radio" name="Wiek" value="więcej niż 60" />więcej niż 60
<!-- Pole typu CHECKBOX -->
<p>Jaką lubisz muzykę (możesz zaznaczyć więcej możliwości)?</p>
<input type="checkbox" name="Muzyka" value="Rock" />Rock<br />
<input type="checkbox" name="Muzyka" value="Heavy Metal" />Heavy Metal<br />
<input type="checkbox" name="Muzyka" value="Pop" />Pop<br />
<input type="checkbox" name="Muzyka" value="Techno" />Techno<br />
<input type="checkbox" name="Muzyka" value="Muzyka poważna" />Muzyka poważna<br />
<input type="checkbox" name="Muzyka" value="Inna" />Inna (podaj jaka):
<input name="Muzyka" />
<!-- Lista rozwijalna (typ podstawowy) z zaznaczoną opcją domyślną -->
<p>Jakiej przeglądarki internetowej używasz?</p>
<select name="Przeglądarka">
<option selected="selected">Internet Explorer</option>
<option>Netscape</option>
<option>Opera</option>
<option>Mozilla</option>
<option>Inna</option>
</select>
<p>adres email?</p>
<input type="text" name="email" /><br />

<p>Jakie znasz systemy operacyjne (możesz wybrać kilka opcji trzymając klawisz Ctrl)?</p>
<select name="System operacyjny" multiple="multiple" size="3">
<option selected="selected">Dos</option>
<option>Windows</option>
<option>Linux</option>
<option>Inny</option>
</select>
<!-- Pole komentarza (o powiększonych rozmiarach oraz z tekstem domyślnym) -->
<p>Wiadomość:</p>
<textarea name="Komentarz" cols="50" rows="10">Proszę, wpisz tutaj jakąś wiadomość...</textarea>
<br /><br /><br />
<!-- Przycisk WYŚLIJ -->
<input type="submit" value="Wyślij formularz" />

<!-- Przycisk WYCZYŚĆ DANE -->
<input type="reset" value="Wyczyść dane" />
</div></form>
artisan
coś te pola tekstowe takie lipne
Kod
<input name="pole_wymagane" id="pole_wymagane" type="text" value="test" required>
chodzi mi o required
mastro007
Cytat(artisan @ 31.01.2013, 22:09:57 ) *
coś te pola tekstowe takie lipne
Kod
<input name="pole_wymagane" id="pole_wymagane" type="text" value="test" required>
chodzi mi o required


mam wstawić to co podałeś w kod i styka?
webmaniak
Zobacz sobie na:
http://posabsolute.github.com/jQuery-Validation-Engine/
Gdyż pole które będzie wymagane musi być też walidowane- co z tego że będę musiał wpisać email jak wpiszę zły-dzięki tej klasie możesz ustawiać reguły. Trochę trzeba poświęcić czasu żeby tą klasę wdrożyć, no ale się opłaca. Polecam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.