Javascript kann ein Formular mit dem ID-Tag nicht finden

Question

Hier ist mein Problem: Ich versuche, ein einfaches mobiles Kontaktformular mit einem eingebauten Captcha einzurichten. Die Seite, an der ich arbeite, finden Sie hier: http://m.lancasterpainting.com/contact.php

Ich verwende das folgende php Kontaktformular: http://www.html-form-guide.com/contact-form/php-email-contact-form.html

Ich möchte zuerst sagen, dass ich nicht der einzige bin, der auf dieses Problem eingeht. Nachdem ich das Thema gegoogelt habe, habe ich mehrere Leute gefunden, die damit zu kämpfen haben, aber niemand scheint eine Antwort zu haben.

Nun zum Problem ...

Wie Sie, wenn Sie die Seite besuchen sehen, jedes Mal, wenn die Seite aufgerufen wird, erscheint ein Fehler, der sagt: „Fehler: couldnot Form-Objekt CONTACT_FORM erhalten“.

Ich kann nicht - für das Leben von mir - herausfinden, warum das Javascript die Form nicht finden kann, die ich es passiere.

Ich rufe die Funktion, die diesen Fehler am oberen Rand der Seite erzeugt:

var frmvalidator = new Validator("contact_form"); 

Die Form Ich Referenzierung ist wie im HTML-Code folgt:

<div data-role="page" data-theme="e" id="contact_form" name="contact_form" data-position="inline"> 
... 

und die Funktion Das heißt, dass der Fehler erzeugt wird kann in einer externen .js-Datei hier gefunden werden: http://m.lancasterpainting.com/scripts/gen_validatorv31.js

Gibt es etwas, das ich einfach nicht sehe? Warum kann das Javascript das Formular nicht finden?

Vielen Dank an alle, die dabei helfen.

Answer 1

1. Es gibt keine Form contact_form genannt, aber eine mit id = sendEmail. Sie können sich wundern, aber div ist kein Formular: <div id="contact_form"
2. Javascript-Code wird zu früh ausgeführt, Dokument ist nicht bereit und document.forms Sammlung ist sogar nicht verfügbar, wenn Form Validator-Code aufgerufen wird.