Ich möchte meine eigene Javascript-Bibliothek zur Formularvalidierung schreiben und habe bei Google nachgeforscht, wie festgestellt werden kann, ob auf eine Schaltfläche zum Senden geklickt wird. Ich habe jedoch nur Code gefunden, in dem Sie onClick on onSubmit="function()"
in HTML verwenden müssen.
Ich möchte dieses Javascript erstellen, damit ich keinen HTML-Code wie das Hinzufügen von onSubmit oder onClick Javascript berühren muss.
javascript
forms
validation
ed1t
quelle
quelle
document.forms['yourForm'].onsubmit = function(){}
? OderaddEventListener
?Antworten:
Warum verwenden Leute jQuery immer, wenn es nicht notwendig ist?
Warum können Menschen nicht einfach einfaches JavaScript verwenden?
callback
ist eine Funktion, die Sie beim Senden des Formulars aufrufen möchten.Weitere
EventTarget.addEventListener
Informationen finden Sie in dieser Dokumentation zu MDN .submit
Verwenden Sie.preventDefault()
in Ihrer Rückruffunktion Folgendes, um das native Ereignis abzubrechen (das Senden des Formulars zu verhindern).Das
submit
Ereignis mit Bibliotheken abhörenWenn Sie aus irgendeinem Grund entschieden haben, dass eine Bibliothek erforderlich ist (Sie verwenden bereits eine oder möchten sich nicht mit browserübergreifenden Problemen befassen), finden Sie hier eine Liste von Möglichkeiten, um das Übermittlungsereignis in allgemeinen Bibliotheken anzuhören:
jQuery
Wo
ele
ist die Formularelementreferenz undcallback
als Rückruffunktionsreferenz. ReferenzCode-Snippet anzeigen
AngularJS (1.x)
Sehr einfach, wo
$scope
ist der Umfang, den das Framework in Ihrem Controller bietet . ReferenzReagieren
Geben Sie einfach einen Handler an die
onSubmit
Requisite weiter. ReferenzAndere Frameworks / Bibliotheken
Weitere Informationen finden Sie in der Dokumentation Ihres Frameworks.
Validierung
Sie können Ihre Validierung jederzeit in JavaScript durchführen, aber mit HTML5 haben wir auch eine native Validierung.
Sie brauchen nicht einmal JavaScript! Wenn die native Validierung nicht unterstützt wird, können Sie auf einen JavaScript-Validator zurückgreifen.
Demo: http://jsfiddle.net/DerekL/L23wmo1L/
quelle
Dies ist die einfachste Möglichkeit, Ihre eigene Javascript-Funktion aufzurufen, wenn eine
onSubmit
auftritt.HTML
JavaScript
quelle
bind
ist in der Tat unnötig.Abhängig von Ihren Anforderungen können Sie auch ohne Bibliotheken wie jQuery Folgendes tun:
Fügen Sie dies Ihrem Kopf hinzu:
Und Ihre Form könnte immer noch so aussehen:
quelle
addEventListener
anstelle von onsubmit oder onload, damit andere Entwickler ihre eigenen Listener hinzufügen können.Mit jQuery:
quelle