✔ input mit JS überprüfen, wenn nicht ausgefüllt soll einen Meldung im Div erscheinen

B

BillaBong

Erfahrenes Mitglied
Hallo,

ich habe folgendes Problem ich möchte mehrere input Felder überprüfen ob sie ausgefüllt wurden. Ist das nicht der fall soll eine Meldung ausgegeben werden aber nicht als alert sondern in einem div das unter dem input steht. Das klappt auch so weit schon ganz gut nur das die ausgabe nach durchlauf der Form wieder verschwindet.

Hier mal den Code :

PHP: 
<html>
	<head>
	<title>test</title>

	<script language="javascript">

		function test(){

			if(document.getElementById('tin').value == ""){

			document.getElementById('testid').innerHTML = "Hallo das ist ein Test";
			}
		}

	</script>


	<body >

	<form onSubmit="test()" action="<?php PHP_SELF ?>" method="post">
		<input id="tin"></input>
		<br>
		<div id="testid">
		</div>

		<button>test</button>
	</form>

	</body>
</html>
 
Hi,

wenn Du verhindern willst, dass das Formular bei nicht ausgefüllten Feldern abgeschickt wird, musst Du "false" zurückgeben.

in Deiner Funktion:

Code: 
if( <felder_nicht_ausgefüllt> ) {
   // Meldung anzeigen
   return false;
} else {
   return true;
}

und im onsubmit return test();

LG
 
Als aller erstes @kuddeldaddeldu vielen dank. Ich stand toal auf dem Schlauch.

Für die die mal ne Lösung suchen :


PHP: 
<html>
	<head>
	<title>test</title>

	<script language="javascript">

		function test(){

			if(document.getElementById('tin').value == ""){

			document.getElementById('testid').innerHTML = "Hallo das ist ein Test";
			return false;
			}else{

			return true;
			}
		}

	</script>


	<body>

	<form onsubmit="return test()" action="<?php PHP_SELF ?>" method="post">

		<input id="tin"></input>
		<br>
		<div id="testid">
		</div>

		<button >test</button>

	</form>

	</body>
</html>


;-)
 
Als aller erstes @kuddeldaddeldu vielen dank. Ich stand toal auf dem Schlauch.

Für die die mal ne Lösung suchen :


PHP: 
<html>
	<head>
	<title>test</title>

	<script language="javascript">

		function test(){

			if(document.getElementById('tin').value == ""){

			document.getElementById('testid').innerHTML = "Hallo das ist ein Test";
			return false;
			}else{

			return true;
			}
		}

	</script>


	<body>

	<form onsubmit="return test()" action="<?php PHP_SELF ?>" method="post">

		<input id="tin"></input>
		<br>
		<div id="testid">
		</div>

		<button >test</button>

	</form>

	</body>
</html>


;-)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück