this.form gibt kein Formular in einer JavaScript-Funktion weiter

Question

Ich habe zu viele Formulare auf meiner einzigen Webseite mit unterschiedlichen Namen jedes Formulars. Jetzt habe ich eine Schaltfläche in jeder Form, die diese Form mit einem festen Parameter erhält und an eine JavaScript-Funktion weiterleitet. Aber in meinem Fall funktioniert es nicht und gibt mir den Fehler, dass Uncaught TypeError: Cannot read property 'name' of undefined oder `Uncaught ReferenceError: updateContact nicht definiert ist. Meine Skriptdatei wird vor diesen Formularen und auch nach diesen Formularen zur Überprüfung hinzugefügt. Sie können eine Live DEMO At JSFiddle mit diesem Fehler sehen.

JavaScript:

<script type="text/JavaScript"> 
function updateContact(formName, id){ 
    var currentFormName = formName.name; 
    alert(currentFormName + " - " + id); 
} 
</script> 

HTML:

<form method="post" action="" name="updateAllContact0"> 
<a onClick="updateContact(this.form, 0)" >Update</a> 
</form> 
<form method="post" action="" name="updateAllContact1"> 
<a onClick="updateContact(this.form, 1)" >Update</a> 
</form> 
<form method="post" action="" name="updateAllContact2"> 
<a onClick="updateContact(this.form, 2)" >Update</a> 
</form> 
<form method="post" action="" name="updateAllContact3"> 
<a onClick="updateContact(this.form, 3)" >Update</a> 
</form> 
<form method="post" action="" name="updateAllContact4"> 
<a onClick="updateContact(this.form, 4)" >Update</a> 
</form> 
<form method="post" action="" name="updateAllContact5"> 
<a onClick="updateContact(this.form, 5)" >Update</a> 
</form> 
<!-- 
. 
// Too Many Forms Of Unknown Length 
. 
<form method="post" action="" name="updateAllContactN"> 
<a onClick="updateContact(this.form, N)" >Update</a> 
</form> 
--> 

jETzT was ist das Problem, das ich in meinem Code haben ... ???

Answer 1

Ersetzen Sie this.parentElement.form für this.form. <a> Element hat keinen form untergeordneten Knoten. <form> ist .parentElement von <a> Element.

Answer 2

ein Problem ist, dass Sie brauchen, um die Onclick nicht Camelcase - es

<a `...onclick="updateContact(this.form, 0)" >Update</a>...` 

zweitens sein sollte - das ist sehr unordentlich - Sie sollten in der Lage sein, es zu bereinigen und einen Onclick-Ereignishandler in der zuweisen js eher als in der HTML