Squall: Javascript im HTML Script

Hallo ich wollte gerne ein Anmeldescript machen, was wenn ein Feld leer ist, oder bei passwort oder email nicht übereinstimmung, nicht weitermacht und dann die Meldungen anzeigt. Leider läd es die Seite immerwieder neu. :( Wie kann ich das "abstellen"?

Hier mein Code:

<html>
<head>
 <title><?=$roname;?> - Account registration form</title>
 <style type="text/css">
  body {
   background-color:#000;
   color:#FFF;
   font-family:'Bitstream Vera Sans';
   font-size:12px;
  }
  table {
   border-color:#FFF;
   border-collapse:collapse;
   background-color:#333;
  }
  input {
   background-color:FFF;
   color:#000;
   font-family:'Bitstream Vera Sans Mono';
   font-size:10px;
  }
 </style>
 <script type="text/javascript">
  function check() {
   if(document.form.acc_name.value=='') document.all.acc_name_field.innerHTML='Kein Accountname angegeben';
   if(document.form.acc_email.value=='') document.all.acc_name_field.innerHTML='Kein Accountname angegeben';
   if(document.form.acc_pass.value=='') document.all.acc_name_field.innerHTML='Kein Accountname angegeben';
   if(document.form.acc_email.value!=document.all.form.acc_email_confirm.value) document.acc_email_field.innerHTML='Passwörter stimmen nicht überein';
   if(document.form.acc_pass.value!=document.all.form.acc_pass_confirm.value) document.acc_pass_field.innerHTML='Passwörter stimmen nicht überein';
   stop();
  }
 </script>
</head>

<body>
 <center>

<form method='POST' action='' name='form' onsubmit='javascript:check();'>
  <table cellpadding='3' cellspacing='0' border='1'>
   <tr><td>Accountname:<br>
       <span id='acc_name_field'></span>
       <input type='text' name='acc_name' maxlengh='15'>
   </td></tr>
   <tr><td>E-Mail Adresse:<br>
       <span id='acc_email_field'></span>
       <input type='text' name='acc_email' maxlengh='50'><br>
       E-Mail Adresse wiederholen:<br>
       <input type='text' name='acc_email_confirm' maxlengh='50'>
   </td></tr>
   <tr><td>Passwort:<br>
       <span id='acc_pass_field'></span>
       <input type='password' name='acc_pass' maxlengh='20'><br>
       Passwort wiederholen:<br>

<input type='password' name='acc_pass_confirm' maxlengh='20'>
   </td></tr>
  </table>
  <br><input type='submit' name='send' value='Registrieren'>
 </form>
 </center>
</body>
</html>

  1. Hallo Squall,

    wie wäre es denn? Wenn Du mal ein wenig in SelfHTML lese würdest?

    Überarbeite Deinen Code und wenn Du dann noch Schwierigkeiten hast, werde ich Dir gerne helfen.

    Liebe Grüße,

    Bernd

  2. hi,

    Leider läd es die Seite immerwieder neu. :(

    Natürlich, weil das Formular nach ausführen der Funktion abgesendet wird.

    Wie kann ich das "abstellen"?

    Ein Beispiel dazu findest du in der Beschreibung von onsubmit.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }