Stil mit {stil}

Jan 2009

Javascript submit • Beim Absenden eines Formulars

submit • Javascript-Ereignis für FORM

Das Javascript-Ereignis submit ruft einen Event Handler auf, wenn ein Formular abgeschickt wird.

<form action="myForm.php" method="post" id="submit">
   <p>Geben Sie einen Namen ein <input type="text" size="30" name="name" /></p>
   <p><input type="submit" value="Absenden" /></p>
</form>

Wenn Javascript nicht aktiviert ist, wird die vorgegebene Aktion des Formulars ausgeführt und beim Klick auf den Button Absenden myForm.php aufgerufen.

Wenn Javascript aktiviert ist, wird beim Absenden des Formulars ein neuer Knoten erzeugt, in den Eigenschaften des onsubmit-Ereignisses geschrieben werden.

Am Ende der Funktion wird return false; zurückgegeben, damit die vorgegebene Aktion des Formulars nicht durchgeführt wird.

function submitForm(evt) 
{
   if (!document.getElementById) return true;
   var myForm = document.getElementById ('submit');
   myForm.onsubmit = function (evt) { 
      evt = (evt) ? evt : ((window.event) ? window.event : "");
      var elem = (evt.target) ? evt.target : evt.srcElement;
      var para = document.createElement ('p');
      var paraContent = document.createTextNode ('target ' + elem.tagName 
                                               + ' eventPhase ' + evt.eventPhase 
                                               + ' timestamp ' + evt.timeStamp);
      para.setAttribute('style','color: red;');
      para.appendChild (paraContent);
      this.appendChild (para);
      return false;
   }	
}

Attribute

target

Objekt zu dem das Ereignis ursprünglich gesendet wurde

eventPhase

Phase, in der das Ereignis bearbeitet wird: AT_TARGET, BUBBLING_PHASE, CAPTURING_PHASE

bubbles

true, wenn das Ereignis nach oben steigen kann

cancelable

true, wenn die Aktion des Ereignis verhindert werden kann

timeStamp

Zeit in Millisekunden, zu der das Ereignis eingetreten ist