Formular und JavaScript

**Sascha79** · 26.07.2008 20:03

Hallo Leute,

Ich hoffe ich bin hier mit meiner Frage richtig.

Ich habe ein Formular erstellt das wie folgt aussieht:

Code:

<form name="test" form method="post" action="">
  <table width="51%" border="0">
    <tr> 
      <td width="27%">Name:</td>
      <td colspan="2" width="100%"> 
        <input type="text" name="Name">
      </td>
    </tr>
    <tr>
      <td width="25%">
        <input type="submit" name="Button" value="Abschicken">
      </td>
      <td colspan="2" width="73%">&nbsp;</td>
    </tr>
  </table>
</form>

und möchte dies jetzt mit JavaScript steuern. Das Script sieht so aus

Code:

<SCRIPT LANGUAGE=JavaScript>

<!-- vor anderen Browsern verstecken

function chkFM(){

   if(!document.test.Name.value){
   alert("bitte Name eingeben!");
   document.test.Name.focus();
   return false;
   }
 }
// Ende verstecken -->

</script>

Leider funktioniert es nicht. Kann mir jemand sagen warum.

Dankeschön schonmal im voraus.

**phpBuddy** · 26.07.2008 20:14

Zitat von Sascha79

Hallo Leute,

Ich hoffe ich bin hier mit meiner Frage richtig.

Hallo Sascha,

leider nein. Das Scripts Brett ist nur zum veröffentlichen von fertigen Scripts da und nicht für Fragen zu Probleme. Aus diesem Grund verschiebe ich den Thread mal in das korrekte Board.

**fuchzga** · 26.07.2008 22:07

Wo wird denn checkFM() aufgerufen?

Ich würde es so machen:

HTML-Code:

<form name="test" form method="post" action="" onsubmit="return chkFM()">

**Sascha79** · 27.07.2008 00:40

Hallo fuchzga,

danke für deinen Tip, hat aber leider nicht geklappt.

Könnte das evt. auch was mit meiner Firewall zu tun haben?

**phpBuddy** · 27.07.2008 01:01

Hallo Sascha,

schau Dir mal dieses Beispiel an, vielleicht hilft es dir ja.

**Sascha79** · 28.07.2008 19:35

Hallo Rizzo,

ich hab das mit dem Code mal ausprobiert. Mein Problem ist das sich der alert also das Popup-fenster nicht öffnet, wenn ich nichts in das Textfeld eintrage.

Aber die Seite die du mir als Tip gegeben hast ist echt super. Füg ich gleich zu den Favoriten hinzu.

**Cybergreek** · 28.07.2008 20:05

Zitat von Sascha79

...Mein Problem ist das sich der alert also das Popup-fenster nicht öffnet, wenn ich nichts in das Textfeld eintrage.

Du könntest aus Deinem

Code:

if(!document.test.Name.value){

ein

Code:

if(!document.test.Name.value || document.test.Name.value == ""){

machen.

Dadurch wird überprüft, ob der Inhalt vom Feld leer ("") ist.

**Sascha79** · 30.07.2008 04:06

Hey Cybercreek,

das Textfeld ist jetzt im Browser wenigstens mal gelb hinterlegt. Aber der "alert" öffnet sich immernoch nicht.

**phpBuddy** · 30.07.2008 04:39

Hallo Sascha,

Du solltest beim erstellen von Webseiten auch mehr Sorgfalt walten lassen. So etwas wie "form method" ...

Code:

<form name="test" form method="post" action="">

... innerhalb des Form-Tags gibt es nicht, da sind Probleme vorprogrammiert. Ausserdem sollte man jedem Element eine eindeutige ID geben, damit man einzelne Elemente direkt ansprechen kann.

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Benutzereingabe mit Alert</title>

<script type="text/javascript">
function chkFM()
{
    if(document.getElementById("Name").value == "")
    {
        document.getElementById("Name").focus();
        alert("Bitte Name eingeben!");
        return false;
    }
    return true;
}
</script>

</head>

<body>

<form id="test" name="test" method="post" action="" onsubmit="return chkFM()">
  <table width="51%" border="0">
    <tr> 
      <td width="27%">Name:</td>
      <td colspan="2" width="100%"> 
        <input type="text" name="Name" id="Name" />
      </td>
    </tr>
    <tr>
      <td width="25%">
        <input type="submit" name="Button" id="Button" value="Abschicken" />
      </td>
      <td colspan="2" width="73%">&nbsp;</td>
    </tr>
  </table>
</form>

</body>
</html>

**Sascha79** · 30.07.2008 05:34

Hey Rizzo,

superdanke, jetzt klappt´s.

Bin im Codes schreiben noch nicht so fit. Aber mit so einer Superunterstützung...

zur Startseite vom TP

Thema: Formular und JavaScript

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Formular und JavaScript

Bin begeistert

Ähnliche Themen

Formular-Validation mit JavaScript

mal schnell ein javascript für formular umstricken

Javascript aufruf aus Formular schlägt fehl

Formular Überprüfung mit Javascript klappt nicht

Suche Formular ob cgi,php,javascript ist egal

Stichworte

Aktive Benutzer

Aktive Benutzer