Zum Inhalt springen

Eingaben erzwingen


Empfohlene Beiträge

Wie kann ich in JavaScript die gezwungene Eingabe von Daten/Text in Textfeldern erzwingen?

Bsp: Ich will mich irgendwo anmelden und die Felder mit Sternchen müssen gefüllt sein damit ich das Formular abschicken kann...

Eine Lösung in JavaScript wäre schön besser wäre eine in PHP würde mich freuen wenn mir jemand helfen könnte :)

GBY Syd

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ich weiß nicht ob du das meinst aber in JavaScript würde ich es so machen:


<form name='frm' method=POST action='<???>' onsubmit='return checkForm();'>

  <input type='Text' name='test'>

</form>

und im JavaScript:

checkForm() {

  if(document.frm.value=='') return false;

  else return true;

}

gruss

markus

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ich weiß nicht ob du das meinst aber in JavaScript würde ich es so machen:


<form name='frm' method=POST action='<???>' onsubmit='return checkForm();'>

  <input type='Text' name='test'>

</form>

und im JavaScript:

checkForm() {

  if(document.frm.value=='') return false;

  else return true;

}

gruss

markus

Das hat mir schon ein bisschen geholfen, der Weg ist schon richtig nun will ich aber das nur einige Textfelder zwingend ausgefüllt sein müssen wie z.B. Benutzername, Passwort usw. :)

GBY Syd

Link zu diesem Kommentar
Auf anderen Seiten teilen

Sehe gerade, dass ich einen Fehler in meiner Beschreibung hatte:

checkForm() {

  if(document.frm.[B]test.[/B]value=='') return false;

  else return true;

}
Gib jedem deiner Felder einen eindeutigen Namen. In der CheckForm-Methode, fragst du alle Felder, die du zwingend machen willst, nacheinander ab und gibst bei leerzeichen ein alert aus und positionierst am besten auf dem Fehlerfeld.
checkForm() {

  if(document.frm.test.value=='') {

   document.frm.test.focus();

   alert("Bitte einen gültigen Wert eingeben");

   return false;

  }

  else return true;

}

Link zu diesem Kommentar
Auf anderen Seiten teilen

Gibt er Fehlermeldungen?

ruft er überhaupt die Methode checkForm auf?

setzt mal alert("Test"); am Anfang der Funktion.

Das funktioniert bei mir!

<html>

<head>

<script language="JavaScript">

<!--

function checkForm() {

  if(document.frm.test.value=="") {

    alert("Fehler");

    return false;

  } else return true;

}

//-->

</script>

<noscript></noscript>

</head>

<body>

 <form name="frm" action="#" method="POST" onSubmit="return checkForm();">

   <input type="Text" name="test">

 </form>

</body>

</html>

Link zu diesem Kommentar
Auf anderen Seiten teilen

In Javascript steht:

document - Das ist dein HTML-Dokument

frm - Das ist der Name des FORM (siehe Code)

test - Das ist der Name des INPUT (siehe Code)

value - Inhalt des Feldes

mit document.frm.test.value greifst du also auf den Inhalt des Feldes test zu.

mit "==" vergleichst du mit der Zeichenkette "" (leer).

Lege dir unterschiedliche felder mit verschiedenen Namen an und mach mehrere if-Abfragen in dein checkForm():


if(document.frm.feld1.value == "") {

  ...

  return false;

}

if(document.frm.feld2.value == "") {

  ...

  return false;

}

return true;

Link zu diesem Kommentar
Auf anderen Seiten teilen

Beispiel in PHP:

<?php
if(isset($_POST[submit])) {
if(!$_POST[name] || !$_POST[passwort]) {
echo "Keine Angaben bei Name bzw. Passwort!";
exit;
}
else { /* Formularverarbeitung */ }
}
else {
?>
<form action="<?php echo $PHP_SELF; ?>" method="post">
Name: <input type="text" name="name" /><br />
Passwort: <input type="password" name="passwort" /><br />
<input type="submit" name="submit" value="abschicken" />
</form>
<?php
}
?>[/php]

Link zu diesem Kommentar
Auf anderen Seiten teilen

Beispiel in PHP:

<?php
if(isset($_POST[submit])) {
if(!$_POST[name] || !$_POST[passwort]) {
echo "Keine Angaben bei Name bzw. Passwort!";
exit;
}
else { /* Formularverarbeitung */ }
}
else {
?>
<form action="<?php echo $PHP_SELF; ?>" method="post">
Name: <input type="text" name="name" /><br />
Passwort: <input type="password" name="passwort" /><br />
<input type="submit" name="submit" value="abschicken" />
</form>
<?php
}
?>[/php]

hier die [b]' '[/b] nicht vergessen!!

[php]<?php
if(isset($_POST['submit'])) {
if(empty($_POST['name']) || empty($_POST['passwort'])) {
echo "Keine Angaben bei Name bzw. Passwort!";
exit;
}
else { /* Formularverarbeitung */ }
}
else {
?>
<form action="<?php echo $PHP_SELF; ?>" method="post">
Name: <input type="text" name="name" /><br />
Passwort: <input type="password" name="passwort" /><br />
<input type="submit" name="submit" value="abschicken" />
</form>
<?php
}
?>

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ohne globale Varaiblen kannst Du dass nicht mit PHP lösen. Dann nur mit JavaScript, was jeder einfach abschalten kann. Ich habe schon richtige Programme in PHP geschrieben, die am Anfang auch belächelt wurden von wegen die Eingabe mach ich aber einfach nicht, und wenn es klappt doch - und die Leute haben dann gesehen dass ich mit Hilfe von PHP eben doch mehr Macht habe als mit JavaScript. Wenn es vernüftig sein soll, dann arbeite mit PHP.

By the way: warum hast Du globale deaktiviert????

Bine

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ohne globale Varaiblen kannst Du dass nicht mit PHP lösen. Dann nur mit JavaScript, was jeder einfach abschalten kann. Ich habe schon richtige Programme in PHP geschrieben, die am Anfang auch belächelt wurden von wegen die Eingabe mach ich aber einfach nicht, und wenn es klappt doch - und die Leute haben dann gesehen dass ich mit Hilfe von PHP eben doch mehr Macht habe als mit JavaScript. Wenn es vernüftig sein soll, dann arbeite mit PHP.

By the way: warum hast Du globale deaktiviert????

Bine

Du hast vielleicht globale Variablen deaktiviert, aber $_POST, $_GET,... sind SuperGlobale Arrays, die man nicht deaktivieren kann.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...