javascript formularz

pytanie zadane 22 października 2017 w JavaScript przez Wojciech Tuszkiewicz Użytkownik (500 p.)

Witam mam w javascript taki przykładowy formularz:

<html lang="pl">
<head>
<meta charset="utf-8" />
<title>My first lesson in javascript</title>
</head>
<body>

<input type="submit" value="sprawdz poprawność nicku" onclick="nick()" />

<script>


function nick()
{

	var pole = document.getElementById("pole");
	  
	var str = pole.innerHTML = ""+pole.value+"";
    var x = str.length;
	
	if (x < 5)
	{
		document.getElementById("sprawdz").style.color = "red";
		document.getElementById("sprawdz").innerHTML='Nick jest za krótki';
	}
	else if (x > 20)
	{
		document.getElementById("sprawdz").style.color = "red";
		document.getElementById("sprawdz").innerHTML="Nick jest za długi!";
	}
	else
	{
		document.getElementById("sprawdz").style.color = "green";
		document.getElementById("sprawdz").innerHTML="Nick jest w porządku";
	}
}
</script>

<input type="text" id="pole" />

<div id="sprawdz"></div>

</body>
</html>

i chcę zdobyć taki efekt sprawdzenia poprawności nicku takie jak ma np. google czyli wpiszę nick i kliknę poza pole tekstowe to od razu sprawdzi czy nick nie jest za długi i.t.p. ale jak cały kod wstawiam w pętle to kod przestaje działać a w konsoli żadnych błędów nie wywala.

1 odpowiedź

odpowiedź 22 października 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)
wybrane 22 października 2017 przez Wojciech Tuszkiewicz

Najlepsza

Po pierwsze wstawiaj tagi script przed </body>

Aby uzyskać pożądany efekt użyj zdarzenia onblur na inpucie

komentarz 22 października 2017 przez Wojciech Tuszkiewicz Użytkownik (500 p.)

dzięki

komentarz 22 października 2017 przez Wojciech Tuszkiewicz Użytkownik (500 p.)

A mam teraz inny problem bo nazwa pola (name) się gryzie z (onblur) i co w tym przypadku zrobić

<input type="text" name="nick" id="pole" onblur="nick()" />

jak mam name'a to skrypt js przestaje działać i wywala błędy

komentarz 22 października 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)

Spróbuj nie używać atrybutu HTML "onclick", zamiast tego użyj addEventListener. No i po prostu zmień nazwę funkcji na inną.

Podobne pytania

Advent of Code 2024

Top 15 użytkowników

2365p. - dia-Chann

2326p. - Łukasz Piwowar

2315p. - Łukasz Eckert

2301p. - CC PL

2269p. - Tomasz Bielak

2235p. - Łukasz Siedlecki

2232p. - rucin93

2169p. - Marcin Putra

2164p. - Adrian Wieprzkowicz

2006p. - Michal Drewniak

1950p. - Anonim 3619784

1909p. - Dawid128

1901p. - Mikbac

1744p. - rafalszastok

1487p. - Michał Telesz

Szczegóły i pełne wyniki

javascript formularz

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

Advent of Code 2024

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci