JS formularz nie działa Opcje

[Vion]

Witam
Mam taki formularz ale niestety nie działa. Po wysłaniu pustego formularza powinien pojawić się komunikat które pola są puste oraz powinny one być w czerwonej ramce. Po wciśnięciu 'Wyślij' nic się nie dzieje, brak jakkolwiek reakcji.

[HTML] pobierz, plaintext 
<style type="text/css">
p#licznikSlow {color:red; font-family:Tahoma;}
p#ileZostalo {color:blue; font-family:Tahoma;}
.zlewypelniono {border:solid 2px red; background:grey;}
</style>
 
<h3>Prosta walidacja wypelnienia formularza:</h3>
<form name="rejestracja" class="sprawdz">
	Imie: <input type="text" name="imie"/><br/>
	Telefon: <input type="text" name="telefon"/><br/>
	O sobie: <textarea name="osobie"></textarea><br/>
	Plec: <select name="plec"><option value=""></option>
		<option value="M">M</option>
		<option value="K">K</option></select><br/>
	<input type="submit" value="Wyslij"/>
</form>
<script type="text/javascript">
<!--
var wybrany = 0;
$(document).ready
(
	function()
	{
 
	$('form.sprawdz').submit(
		function()
		{
			var poprawnosc = true;
			$(':input', this).each
			(
				function()
				{
				if($(this).val()=='')
				{
					$(this).addClass('zlewypelniono');
					poprawnosc = false;
				}
				else
				{
				$(this).removeClass('zlewypelniono');
				}
			}
		);
		if(!poprawnosc)
		{
			alert('Wypelnij wszystkie oznaczone pole i ponow');
		}
		return false;
		}
		);
		}
		);
		</script>
 
[HTML] pobierz, plaintext 

Ten post edytował Vion 17.12.2010, 13:14:18

[nospor]

ale niestety nie działa

Łączymy się z tobą w smutku... mamy nadzieję, iż sobie z tym poradzisz.

Co jest nie tak

Twoj opis problemu. Wypadałoby napisać czym się objawia to "nie działanie", jak sobie wyobrażasz poprawne działanie itp...

[Scalak]

zapomniałeś "dodać" frameworka. Wklej przed Twoim <script ... :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Maciek


Ten post edytował Scalak 17.12.2010, 13:25:55

[Vion]

A jak zrobić żeby nie wyświetlał się alert w nowym okienku, tylko obok każdego pola. Np. jeśli nie wypełnię pola 'Imie' to obok wyświetli się napis 'Podaj imie'

[nospor]

@Scalak normalnie prorok. Chylę czoła (IMG:style_emoticons/default/smile.gif)
Skąd wiedziałeś? Nic nie wskazywało na blad ktory zauwazyles.

[Scalak]

A jak zrobić żeby nie wyświetlał się alert w nowym okienku, tylko obok każdego pola. Np. jeśli nie wypełnię pola 'Imie' to obok wyświetli się napis 'Podaj imie'

przykładowo tak:
dodaj spana obok imie:

Kod

Imie: <input type="text" name="imie"/><span id='imie'></span><br/>

w javascrit dodaj funkcję:

Kod

$(":text").blur(function(){
  if(this.value=='' && this.name=='imie') $("#imie").append("bla bla bla"); else $("#imie").empty();
});

po resztę odsyłam do dokumentacji lub kursu jquery np tutaj http://www.w3schools.com/jquery/default.asp

@nospor
konsola błędów: $ is not defined (IMG:style_emoticons/default/winksmiley.jpg)

[nospor]

@nospor
konsola błędów: $ is not defined

To ze nie ma liba dołączonego to i bez konsoli widac. Przeciez on mogl pokazac tylko kawalek kodu a liba łaczyc wczesniej w kodzie, ktorego nie pokazal... a ja myslalem ze ty nosa miales czy cos... (IMG:style_emoticons/default/winksmiley.jpg)

[Vion]

a mógłbyś powiedzieć w którym to miejscu dokleić? bo coś mi nie działa