Check von Textbox
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
boxen
code
eintragen
element
erweitern
frage
http
individuelle nachrichten
inhalt
input
mache
nachricht
registrieren
text
url
vergleichen
verstecken
warnung
wiederholen
-
Hey Leute,
Hat jemand ein Tutorial bzw kann mir wer ein Code geben der beim ändern einer Textbox(html) überprüft ob es z.b die länge von 1 hat also das überhaupt was eingetragen ist.
Wenn etwas ist soll nicht passieren, wenn nichts drin steht soll daneben in rot stehen bitte ein Username eintragen.
Das ganze sieht man oft beim registrieren, lg. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Erstmal ist es der Falsche Forenbereich. HTML, CSS und Javscript wäre der richtige Bereich gewesen.
Dann kannst du das Event onkeyup abfragen, und dabei Fragen, wie lang die Zeichenkette innerhalb der Textbox ist. Also den Value auslesen, und dann auf Länge prüfen.
<input id="field" onkeyup="alert( document.getElementById('field').value.length );" />
Damit kannst du denk ich Arbeiten.
Liebe Grüße -
oder aber du löst es mit php.
mit php gibt es ja kontaktformulare, wo bestimmte felder als pflichtfelder definiert werden können.
bevor man die angaben absendet, überprüft man php ob die nötigen felder ausgefüllt wurden oder noch leer sind...
such mal in google nach kontaktformular php.
hier ein auszug als beispiel, wo du dann individuelle nachrichten ausgeben kannst (nicht als msg box):
if ($_POST['submit']) { if ($name != '' && $email != '') { if ($human == '4') { if (mail ($to, $subject, $body, $from)) { echo '<p>Deine Nachricht wurde versandt!</p>'; } else { echo '<p>Es liegt ein Fehler vor, bitte nochmals versuchen!</p>'; } } else if ($_POST['submit'] && $human != '4') { echo '<p>Die Anti-Spam Frage wurde falsch beantwortet!</p>'; } } else { echo '<p>Bitte alle Pflichtfelder ausfüllen!</p>'; } } ?>
mithilfe von jquery könnte es auch gehen...
Beitrag zuletzt geändert: 5.6.2012 14:35:21 von beatles -
myminecrafthp schrieb:
http://www.menschle.lima-city.de/testkram_fuer_bla/myminecrafthp/
Nur wie mache ich es das neben den Input ein Text erscheint, da eine alert Box doch ein wenig nervig ist?
^^ Meinst Du es so?
<html><head><title>Bitte Namen eingeben</title> <script language="JavaScript"> function TesteMich(){if(document.getElementById('namen').value==''){Test.innerHTML='Bitte Namen eingeben';}else{Test.innerHTML='';}} </script> </head> <body> <input id="namen" onkeyup="TesteMich()" /> <span style="color:#FF0000;font-weight:bold;" id="Test">Bitte Namen eingeben</span> </body></html>
€: Schriftfarbe ergänzt
Beitrag zuletzt geändert: 5.6.2012 15:46:23 von menschle -
Sinnvoller wäre dabei das Element zu verstecken anstatt mit
den Inhalt zu ändern:element.innerHTML = bla bla
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Validate</title> <script type="text/javascript"><!-- function validate() { document.getElementById('valid').style.visibility = (document.getElementById('name').value == '') ? 'visible' : 'hidden'; } // --></script> </head> <body> <input id="name" onkeyup="validate()" /> <span style="color:#FF0000;font-weight:bold;" id="valid">Bitte Namen eingeben</span> </body> </html>
-
hackyourlife schrieb:
War auch mein erster Gedanke
Sinnvoller wäre dabei das Element zu verstecken anstatt mit
den Inhalt zu ändernelement.innerHTML = bla bla
Allerdings wäre es dann umständlicher, das ganze zu erweitern:
http://www.menschle.lima-city.de/testkram_fuer_bla/myminecrafthp/v2.html -
Okay danke an alle, habe es hinbekommen nur noch nicht das die Farbe sich ändert :/
Und das vergleichen ob Passwort und Passwort wiederholen gleich sind, dann geht es bei mir nicht mehr :/ -
menschle schrieb:
Wo wurde denn gesagt, dass das jemals gebraucht wird? Im Eröffnungspost heißt es nur: "wenn nichts drin steht soll eine Warnung daneben kommen, sonst nicht"...
Allerdings wäre es dann umständlicher, das ganze zu erweitern:
http://www.menschle.lima-city.de/testkram_fuer_bla/myminecrafthp/v2.html
myminecrafthp schrieb:
Hast du den Code dafür schon? Wenn ja: poste doch den Code, vllt können wir dir da auch helfen.
Und das vergleichen ob Passwort und Passwort wiederholen gleich sind, dann geht es bei mir nicht mehr :/ -
Nein habe den Code nicht, auch bei Google nichts gefunden daher habe ich selber getestet.
Aber nichts hat gefunkt. -
myminecrafthp schrieb:
Dann versuch doch diesen Code, der funktioniert...
Nein habe den Code nicht, auch bei Google nichts gefunden daher habe ich selber getestet.
Aber nichts hat gefunkt.<html> <head> <title>Validate</title> <script type="text/javascript"><!-- function validate() { document.getElementById('valid').style.visibility = (document.getElementById('name').value == '') ? 'visible' : 'hidden'; } function validatepw() { document.getElementById('validpw').style.visibility = (document.getElementById('pass1').value != document.getElementById('pass2').value) ? 'visible' : 'hidden'; } // --></script> </head> <body> <input id="name" onkeyup="validate()" /> <span style="color:#FF0000;font-weight:bold;" id="valid">Bitte Namen eingeben</span><br /> <input id="pass1" onkeyup="validatepw()" /><br /> <input id="pass2" onkeyup="validatepw()" /> <span style="color:#FF0000;font-weight:bold;" id="validpw">Die Passwörter stimmen nicht!</span><br /> <script type="text/javascript"><!-- validate(); validatepw(); // --></script> </body> </html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage