Forum PHP.pl > [HTML][JavaScript][AJAX]Walidacja formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript][AJAX]Walidacja formularza

miras

9.12.2012, 19:37:12

Witam, zaczynam z AJAX'em i próbuję napisać walidację danych formularza - co tu jest nie tak?

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Ajax</title>
	<script type="text/javascript">
	function wyslijDane()
	{
		var przyciskEL = document.getElementById("bWyslij");
		var div = document.getElementById("warstwaDanych");
		var tfImie = document.getElementById("tfImie");
		var tfNazwisko = document.getElementById("tfNazwisko");
 
		var imie = tfImie.value;
		var nazwisko = tfNazwisko.value;
 
		imie = escape(imie);
		nazwisko = escape(nazwisko);
		przyciskEL.disabled = true;
		var text = XMLHttpRequestObject.responseText;
		if (nazwisko.length==0)) {
			tekst = "Wypełnij wszystkie pola!";
		}
	}
	div.innerHTML = tekst;
	przyciskEL.disabled = false;
	XMLHttpRequestObject.send(null);
	</script>
</head>
<body>
<div>
Imię: <input type="text" id="tfImie" />
Nazwisko <input type="text" id="tfNazwisko" />
<input type="button" value="Wyślij" onclick="wyslijDane();" id="bWyslij" />
<br><br>
</div>
<div id="warstwaDanych"></div>
</body>
</html>
[HTML] pobierz, plaintext

Gość

9.12.2012, 22:39:49

1. Błąd składni.

[HTML] pobierz, plaintext 
if (nazwisko.length==0)) {
[HTML] pobierz, plaintext

2. Nieznany element

[HTML] pobierz, plaintext 
div.innerHTML = tekst;
przyciskEL.disabled = false;
XMLHttpRequestObject.send(null);
[HTML] pobierz, plaintext

to zmienne lokalne funkcji, nie możesz się do nich odnosić poza nią...

i w ogóle korzystaj z konsoli błędów, która jest w każdej przeglądarce a do AJAXa i ogólnie JS zapoznaj się z jQuery.

sowi

9.12.2012, 22:39:55

Na pewno masz o jeden za dużo ")" w if (nazwisko.length==0))
i nie zdefiniowanego diva w div.innerHTML = tekst.

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.