WCM Forum - html(js)-anfaengerfragen: formular

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - html(js)-anfaengerfragen: formular (http://www.wcm.at/forum/showthread.php?t=76127)

html(js)-anfaengerfragen: formular

hallo forianer!

wiedereinmal anfaengerfragen:

ich habe auf meiner hp ein formular, das ueber einen formmailer-dienst laeuft.
ist es moeglich in den html-code

1. fuer jedes feld eine (ich nehme an js)abfrage einzubauen, dass das formular nur dann gesendet wird, wenn alle felder ausgefuellt wurden
und
2. eine funktion einzubauen, die ueberprueft, ob die angegebene e-mailadresse gueltig ist.

ich danke euch fuer eure hilfe!

ja, mit javascript ist dies möglich. unter javascript.internet.com findest du viele resourcen, zb. unter search: 'email address' eingeben u ein problem von dir ist gelöst ;)

habe die tipps von stefan muenz's self-html zur kontrolle von formularinhalten ausprobiert, aber irgendwie funktioniert es nicht:

Code:

...

<head>

<script language="JavaScript">

<!--

   function chkFormular()

  {

if(document.Formular.Vorname.value == "")

    {

     alert("Bitte Ihren Vornamen eingeben!");

     document.Formular.Vorname.focus();

     return false;

    }

if(document.Formular.Name.value == "")

    {

     alert("Bitte Ihren Namen eingeben!");

     document.Formular.Name.focus();

     return false;

    }



if(document.Formular.E-Mail.value == "")

    {

     alert("Bitte Ihre E-Mail-Adresse eingeben!");

     document.Formular.E-Mail.focus();

     return false;

    }

}

  //-->



</script>

</head>

...

...

<body>

<form action="http://send.formmailer.com/" method="post" enctype="multipart/form-data" onSubmit="return chkFormular()">

...

<input type="text" name="Vorname">

<input type="text" name="Name">

<input type="text" name="E-mail">

...

...

@ faithnomore:
auf der angegebenen seite bin ich leider auch nicht fuendig geworden.
vielleicht hat jemand von euch ein solches formular und kann mir den quelltext schicken?
danke!

<form name="Formular" action="http://send.formmailer.com/" method="post" enctype="multipart/form-data" onSubmit="return chkFormular()">

Hast Du es schon einmal so probiert ?

probier mal das:

Code:

<script language="JavaScript">

<!--

function chkFormular() {

  if(document.forms[0].Vorname.value == "") {

    alert("Bitte Ihren Vornamen eingeben!");

    document.forms[0].Vorname.focus();

    return false;

  }

  if(document.forms[0].Name.value == "") {

    alert("Bitte Ihren Namen eingeben!");

    document.forms[0].Name.focus();

    return false;

  }



  if(document.forms[0].E_mail.value == "") {

    alert("Bitte Ihre E-Mail-Adresse eingeben!");

    document.forms[0].E_mail.focus();

    return false;

  }



  return true;

}

  //-->



</script>

beachte bitte folgendes:
-) wenn du bei form keinen namen angibst kannst direkt auf die form zugreifen (forms[0] -> für die 1 form in deiner seite)
-) verwende namen wie e_mail statt E-Mail u E-mail

link für email address validation functions in javascript:
link1
link2

viel spass beim ausprobieren;)

@ all:

danke fuer eure antworten!

es klappt wunderbar.
es lag v.a. um fehlenden

Code:

return true

und an der uneinheitlichen gross/kleinschreibung - typische anfaengerfehler halt.