[JavaScript][PHP]Walidacja formularza w pętli za pomocą javascript Opcje

[mowmiheniek]

Witam,
Chcę prosić o pomoc w rozgryzieniu mojego problemu.
Mam formularz który tworzy się w pętli, a skrypt w javascript sprawdza poprawność pola.
Nie wiem jak w javiascript odwołać się do tak powstałych pól formularza.
Próbowałem wstawić pętle z i odwołać się do tablicy, ale nie przyniosło to efektu.

Dziękuje.

[PHP] pobierz, plaintext 
<form method="post" action="...">
    <fieldset>
			<?php
 
			for($i = 1; $i < 5; $i++) 
			{
				echo '<label for="Liczba">Podaj liczbe:</label>';
				echo '<input type="text" id="Liczba[$i]" name="Liczba[$i]" value="" /><br>';
			}
			?>
 
    </fieldset>
</form>
 
<script type="text/javascript">
 
        document.forms.onchange = function() {
		var dana = this.value;
		var wzor = /^[-]?[0-9]+(\.[0-9]+)?/g
			if (!wzor.test(dana)) 	{
			alert("Popraw dane");
			this.select();
		    }
	}
}
</script>
[PHP] pobierz, plaintext 

Ten post edytował mowmiheniek 24.01.2015, 01:15:36

[nvb]

Zobacz tak:

echo '<input type="text" id="Liczba[$i]" name="Liczba[$i]" value="" onchange="myFunction()" /><br>';

<script type="text/javascript">

function myFunction(){
tutaj co chcesz zeby sie działo po wywołaniu zdarzenia onchange dla name="Liczba[$i]"

}


</script>

Mam nadzieje, że pomoże (IMG:style_emoticons/default/smile.gif)

[mowmiheniek]

Po zmianie kodu, po wpisaniu liczb w formę uznaje pola za fałszywe. Nie rozumiem dlaczego się tak dzieje.

[PHP] pobierz, plaintext 
<form method="post" action="...">
    <fieldset>
			<?php
			for($i = 1; $i < 5; $i++) 
			{
				echo '<label for="Liczba">Podaj liczbe:</label>';
				echo '<input type="text" id="Liczba" name="Liczba[$i]" value="" onchange="myFunction()" /><br>';
			}
			?>
 
    </fieldset>
</form>
 
<script type="text/javascript">
 
		function myFunction() {
       	var dana = this.value;
		var wzor = /^[-]?[0-9]+(\.[0-9]+)?/g
			if (!wzor.test(dana)) 	{
			alert("Popraw dane");
									}
			}
</script>
[PHP] pobierz, plaintext 

[Kishin]

Po pierwsze to raczej nie zadziala wzor.test(dana);
pewnie chodzi Ci o dana.match(wzor);

po drugie przy pobieraniu wartości też masz błąd jeżeli korzystasz z jquery to w ten sposób: $(this).val()
jezeli chcesz zwykłym js to musisz wziasc element po nazwie bo id masz wszystkie takie same co tez nie jest zbyt poprawne (IMG:style_emoticons/default/smile.gif)

[mowmiheniek]

wzor.test(dana) działa gdy pole formularza nie jest puszczone w pętli.
chciałbym zwykłym js to rozwiązać. czytam podobne przykłady i próbuje się dobrać do pól formularza ale mi nie wychodzi.

[Kishin]

[PHP] pobierz, plaintext 
<form method="post" action="...">
    <fieldset>
			<?php
			for($i = 1; $i < 5; $i++) 
			{
				echo '<label for="Liczba">Podaj liczbe:</label>';
				echo '<input type="text" id="Liczba" name="Liczba[$i]" value="" onchange="myFunction(this)" /><br>';
			}
			?>
 
    </fieldset>
</form>
 
<script type="text/javascript">
 
		function myFunction(dana) {
 
		var wzor = /^[-]?[0-9]+(\.[0-9]+)?/g
			if (!wzor.test(dana.value)) 	{
			alert("Popraw dane");
									}
			}
</script>
 
[PHP] pobierz, plaintext 

zwróć uwage że ten skrypt wprawdzie wypluje błąd gdy wpiszesz np asdasdsa ale gdy wpiszesz 1weqweq to juz błędu nie bedzie (IMG:style_emoticons/default/wink.gif)

[mowmiheniek]

Już poprawione: /^[-]?[0-9]+(\.[0-9]+)?$/g
Dziękuję bardzo