[html]zabezpieczenie formularza Opcje

[dave666]

Mam takie pytanko mógłby mi ktoś podpowiedzieć w jaki sposób zabezpieczyć formularz kontaktowy aby po kliknięciu wyślij nie wysyłał emaila bez wypełniania wszystkich pól

[Adrian1207]

[PHP] pobierz, plaintext 
<?php
if(!empty($_POST['pole1']) && !empty($_POST['pole2'])){
//Kod wysylania maila
}
else{
//Komunikat że nie wypełnione wszystkie pola
}
?>
[PHP] pobierz, plaintext 

Na przyklad tak

Ten post edytował Adrian1207 8.01.2009, 17:01:55

[zulus]

To problem JavaScript, w HTML tego nie zrobisz

[dave666]

moge uzyc javascript ale trzeba wiedzieć jeszcze jak temu pytam tu na forum a formularz wygląda nastepująco

[HTML] pobierz, plaintext 
<FORM NAME="zalacznik" METHOD="post" ACTION="index.php?id=wyslij" ENCTYPE="multipart/form-data">
Imię: <input type="text"  id="imie" name="imie" ><br>
Nazwisko: <input type="text" name="nazwisko"  id="nazw"><br>
Wiek: <input type="text"  id="wiek" name="wiek" ><br>
Numer GG:<input type="text" name="gg"  id="gg" ><br>
Zainteresowania <input type="text" name="zainteresowania"  id="zainter" ><br>  
Ilość wolnego czasu <input type="text" name="ile"  id="ile" ><br>    
Doświadczenie<input type="text" name="doswiadczenie"  id="dos" ><br>
Miasto: <input type="text" name="miasto"  id="miasto" ><br>
Temat: <input type="text" name="temat"  id="temat" ><br>
Twój e-mail:<input type="text" name="email"  id="mail" ><br>
Telefon:<input type="text" name="tel"  id="telefon"><br>
Tresc:<textarea name="tresc" id="tresc" rows="3" cols="20" ></textarea><br>
<input type="hidden" name="wyslij" value="1" />
<input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
Załącznik <INPUT type="file" name="plik1"><br><br>
<INPUT TYPE="SUBMIT" VALUE="Wyślij Email">
</FORM>
[HTML] pobierz, plaintext 

[Rafal Filipek]

do walidacji formularzy za pomoca js polecam cos gotowego np. http://www.jsvalidate.com/

[oi.]

Nie wiem co robię źle ale po wgraniu plików na serwer JS jest nieaktywne jak zapiszę stronę z dema na dysk to działa .

[blade-mrn]

Jeśli chcesz tylko sprawdzić czy pola nie są puste to wystarczy coś takiego:

[JAVASCRIPT] pobierz, plaintext 
function sprawdzanie_danych ()
		{
			if ((document.getElementById('ID sprawdzanego pola').value!="") && (document.getElementById('ID sprawdzanego pola').value!=""))
				{document.getElementById('ID buttona').disabled=false;} else {document.getElementById('buttona').disabled=true;}
 		}
[JAVASCRIPT] pobierz, plaintext 

Funkcja ta sprawdza czy pola są wypełnione, jeśli są odblokowuje przycisk jeśli nie to przycisk zostaje zablokowany. Trzeba by tylko zdecydować kiedy to ma być sprawdzane.

[oi.]

Jak Twoją funkcję podstawić do formularza ?:

[HTML] pobierz, plaintext 
<form method="post" action="index.php?str=formularz&akcja=dodaj_ok" enctype="multipart/form-data" >
 <div class="c1"><input type="hidden" name="user_id" value="<?php echo $user_id; ?>" /></div>
 <div class="c1">*Nazwa <input name="nazwa"  type="text"> </div>
...
<div class="c1">Zainteresowania: <textarea name="zainteresowania" class="form" cols="30" rows="12"></textarea>  </div>
</form>
[HTML] pobierz, plaintext 

Chciałbym by było tak jak w tym przykładzie z walidatora JS - dynamicznie i interaktywnie. Może którychś plików js nie zaincludowałem ? Ale próbowałem na różne sposoby.

[blade-mrn]

Jeśli chodzi o moją funkcję to najprościej jest chyba dać ją w zdarzenie OnMouseOver np do przycisku lub jego okolicy. W tedy w momencie najechania myszką nastąpi sprawdzanie i przycisk stanie się aktywny albo nie. Można to też dać jako OnChange lub OnKeyUp do pól które maja być wypełnione.
A jak wysyłasz ten formularz bo nie widzę w nim żadnego submita?

[oi.]

Mógłbyś to na moim formularzu wstawić? W JS nie jestem biegły

[blade-mrn]

Skrypt JavaScript

[JAVASCRIPT] pobierz, plaintext 
<script LANGUAGE="JavaScript">
		function sprawdzanie_danych ()
			{
				if ((document.getElementById('zainteresowania').value!="") && (document.getElementById('nazwa').value!=""))
					{document.getElementById('wysli').disabled=false;} else {document.getElementById('wysli').disabled=true;}
			}
	</SCRIPT>
[JAVASCRIPT] pobierz, plaintext 

Będzie to mnie więcej tak w wersji z OnKeyUp:

[HTML] pobierz, plaintext 
<form method="post" action="index.php?str=formularz&akcja=dodaj_ok" enctype="multipart/form-data" >
	<div><input type="hidden" name="user_id" value="<?php echo $user_id; ?>" /></div>
	<div>*Nazwa <input name="nazwa" id="nazwa" type="text" onKeyUp="sprawdzanie_danych ()"> </div>
	<div>Zainteresowania: <textarea name="zainteresowania" id="zainteresowania" class="form" cols="30" rows="12"onKeyUp="sprawdzanie_danych ()"></textarea></div>
	<div><input type="submit" id="wysli" value="wysli" disabled="disabled"></div>
</form>
[HTML] pobierz, plaintext 

Lub tak w wersji z OnMouseOver:

[HTML] pobierz, plaintext 
<form method="post" action="index.php?str=formularz&akcja=dodaj_ok" enctype="multipart/form-data" >
	<div><input type="hidden" name="user_id" value="<?php echo $user_id; ?>" /></div>
	<div>*Nazwa <input name="nazwa" id="nazwa" type="text"> </div>
	<div>Zainteresowania: <textarea name="zainteresowania" id="zainteresowania" class="form" cols="30" rows="12"></textarea></div>
	<div onMouseOver="sprawdzanie_danych ()"><input type="submit" id="wysli" value="wysli" disabled="disabled"></div>
</form>
[HTML] pobierz, plaintext 

Skrypt w obu przypadkach jest taki sam. Nie jest to zbyt genialne rozwiązanie ale działa. Nie zapominaj jednak o sprawdzeniu czy te pola nie są puste również w skrypcie php. Na potrzeby zademonstrowania tego dopisałem do twojego fragmentu formularza button.

[bełdzio]

weź pod uwagę 2 rzeczy:
1. walidacja w JS nie będzie działała jak wyłączysz obsługę JS
2. spamboty z zasady nie używają JS

[oi.]

W wersji z OnMouseOver nie działa po wypełnieniu pól jaki i przy pustych polach - przycisk wyślij jest nieaktywny. W wersji OnKeyUp: formularz działa ale jak w jednym polu np jak poniżej usunę onKeyUp="sprawdzanie_danych ()" - to pole wyslij jest niaktywne nawet po wypełnieniu wszystkich pół.
Bełdzio JS nie służy mi jako wyrocznia, tyko info dla użytkowników którzy nei wypełnili wszystkich pół. W PHP i tak sprawdzam czy sa wymagane pola.

[HTML] pobierz, plaintext 
<form method="post" action="index.php?str=formularz&akcja=dodaj_ok" enctype="multipart/form-data" >
<div><input type="hidden" name="user_id" value="<?php echo $user_id; ?>" /></div>
<div>*Nazwa <input name="nazwa" id="nazwa" type="text" onKeyUp="sprawdzanie_danych ()"> </div>
<div>Zainteresowania: <textarea name="zainteresowania" id="zainteresowania" class="form" cols="30" rows="12"></textarea></div>
<div><input type="submit" id="wysli" value="wysli" disabled="disabled"></div>
</form>
[HTML] pobierz, plaintext 

Ten post edytował oi. 25.11.2010, 12:37:47

[blade-mrn]

bełdzio: Jeśli obsługa javy będzie wyłączona to akurat w tym przypadku nie tyle walidacja nie działa co przycisk się nie odblokuje, bo domyślnie jest zablokowany. Ale oczywiście się z tobą zgadzam dlatego powinno być jeszcze sprawdzanie w PHP.

oi.: Jeśli usunąłeś z jednego pola onKeyUp="sprawdzanie_danych ()" to logicznym chyba jest że musisz wyrzucić również sprawdzanie tego pola ze skryptu, czego pewnie nie zrobiłeś. Z tego co podałeś widzę że nie sprawdzasz textarea, więc warunek w JS będzie wyglądał tak:

[JAVASCRIPT] pobierz, plaintext 
if (document.getElementById('nazwa').value!="") 
[JAVASCRIPT] pobierz, plaintext 

Czemu w wersji z OnMouseOver nie działa przyznam się że nie wiem sprawdzałem to u siebie i działało ale zapewne zależy to od przeglądarki i trzeba by to w związku z tym dopracować.

[oi.]

Rzeczywiście wystarczy w if zmienić warunek :-) Co do tego onMouseOver to jeżeli nie działa na wszystkich przeglądarkach to jest nie dopuszczalne bo nie wyobrażam sobie by zwykły user czy tym bardziej klient biznesowy nie mógł dodać treści przez błąd skryptu weryfikującego.

Mam prośbę czy możecie zobaczyć www.jsvalidate.com/demo jak to jest z tym gotowym skryptem walidacji ? Wygląda i sprawuje się na tej stronie dobrze, ale jak chcę go wdrożyć do siebie to zachowuje się tak jakby nie było tego JS na stronie. Pobrałem http://www.jsvalidate.com/download/get/ zainkludowałem JS na stronie . Zauważyłem, że w kodzie źródłowym na demo jest :

[HTML] pobierz, plaintext 
<script type="text/javascript" language="javascript" src="/scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" language="javascript" src="/scriptaculous/src/scriptaculous.js"></script>
<script type="text/javascript" language="javascript" src="/versions/jsvalidate_beta04.js"></script>
[HTML] pobierz, plaintext 

natomiast jak to demo zapisze na dysk to w źródle jest dużo więcej odnośników do skryptów JS