Warum benennt das Benennen Ihres HTML-Formulars die Schaltfläche "Senden" um Dinge zu ändern?

Question

In ASP.NET-Webforms und ASP 3 (Classic ASP) stieß ich auf ein Problem, bei dem die Benennung des Formular-Senden-Buttons "submit" "Dinge kaputtmachen" würde. Unten ist das gerenderte HTML:

Ich sage "Dinge zu brechen", weil ich nicht sicher bin, genau, warum oder was passiert ist. Aber die Symptome waren normalerweise, dass das Drücken der Submit-Taste manchmal nichts tat, d. H. Es funktionierte einfach nicht. Aber manchmal hat es funktioniert.

In der Tat, ich baute nur einen schnellen eine Seite Test mit dem folgenden Code, und einreichenden hat gut funktioniert:

<form id="form1" runat="server"> 
<div> 
    <asp:TextBox ID="txtTest" runat="server" /> 
    <asp:Button ID="Submit" runat="server" Text="Submit" /> 
</div> 
</form> 

Aber, in der Vergangenheit, dieses Problem aufgetreten ist, und die Umbenennung auf die Schaltfläche immer ließ das Symptom weggehen.

Also weiß jeder HTML/HTTP/Browser-Experte aus irgendeinem Grund, warum die Einstellung id = "submit" auf einer Submit-Schaltfläche Probleme verursachen würde?

EDIT

diese SO comment "Eintragen" ist ein reserviertes Schlüsselwort scheint darauf hinzudeuten. Aber warum interferieren die Attribute "id" oder "name"? Und wie wird dieses "reservierte" Keyword so umgesetzt, dass es zu Konflikten kommt?

Dank wieder

Answer 1

Das Element form hat eine Methode namens submit, hat aber auch die Formularelemente in der Form als Mitglieder.

Wenn Sie eine Schaltfläche in der Form submit haben, können Sie darauf zugreifen, indem Sie document.form1.submit verwenden. Da es sich jedoch um den gleichen Namen wie die submit Methode handelt, gibt es keine Möglichkeit mehr, auf diese Methode zuzugreifen. Wenn Sie die Methode verwenden, um das Formular zu senden, wird das nicht mehr funktionieren.

Zum Beispiel, wenn Sie auf eine Schaltfläche, die das Formular mit Javascript vorträgt, das nicht funktioniert:

<input type="button" name="submit" onclick="this.form.submit();" value="try" /> 

Wenn die Taste, um die submit Methode zu verwenden versucht, es wird stattdessen eine Referenz auf sich selbst erhalten (und eine Fehlermeldung, wenn versucht wird, sie aufzurufen, da die Schaltfläche keine Funktion ist).

Answer 2

Der Code-behind, dass generiert, die Sie Ereignisse für das Objekt binden, können Sie sich auf die Werte benannt Basis angegeben.

Answer 3

Ich würde Sie dringend bitten, von allen reservierten Wörtern von Javascript DOM fern zu bleiben. verwende "mein" vor allem, was du definierst, oder $, oder etwas anderes, das eindeutig nicht in Konflikt mit den reservierten Wörtern steht, die du versehentlich überladen und Chaos verursachen kannst.

Answer 4

Verwenden Sie einfach onsubmit wenn proble in Form Vorlage

<form id="form1" runat="server" onsubmit="this.submit()"> 
<div> 
    <asp:TextBox ID="txtTest" runat="server" /> 
    <asp:Button ID="Submit" runat="server" Text="Submit" Type="submit"/> 
</div> 
</form>