Detaillierte Erläuterung der Funktion jQuery.submit()

Die Funktion

submit() wird verwendet, um eine Handlerfunktion an das Submit-Ereignis jedes übereinstimmenden Elements zu binden. Diese Funktion kann auch zum Auslösen des Submit-Ereignisses verwendet werden. Darüber hinaus können Sie auch einige zusätzliche Daten an die Funktion Ereignishandler übergeben.

Das Submit-Ereignis wird ausgelöst, wenn das Formular gesendet wird. Dieses Ereignis gilt nur für

-Elemente.

Darüber hinaus können Sie mehrere Event-Handler binden, indem Sie diese Funktion mehrmals für dasselbe Element aufrufen. Wenn das Submit-Ereignis ausgelöst wird, führt jQuery die gebundenen Ereignisverarbeitungsfunktionen in der Reihenfolge der Bindung aus.

Um ein über subscribe() gebundenes Ereignis zu zu löschen , verwenden Sie die Funktion unbind().

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQueryObject.submit( [ [ data ,] handler ] )

Wenn mindestens ein Parameter angegeben ist, bedeutet dies, dass die Handlerfunktion des Submit-Ereignisses gebunden wird; Wenn kein Parameter angegeben ist, bedeutet dies, dass das Submit-Ereignis ausgelöst wird.

Parameter

Parameterbeschreibung

Daten Optional/jede Art von Daten, die über event.data an die Ereignisverarbeitungsfunktion übergeben werden müssen, wenn ein Ereignis ausgelöst wird.

Handler optional/Ereignisbehandlungsfunktion, angegeben durch Funktionstyp.

jQuery 1.4.3 neue Unterstützung: subscribe() unterstützt Datenparameter.

Dies im Parameterhandler zeigt auf das aktuelle DOM-Element. subscribe() übergibt außerdem einen Parameter an den Handler: das Event-Objekt, das das aktuelle Ereignis darstellt.

Wenn der Rückgabewert des Funktionshandlers falsch ist, bedeutet dies, dass das Standardereignisverhalten des Elements verhindert und verhindert wird, dass das Ereignis im DOM-Baum sprudelt. Wenn beispielsweise die Handlerfunktion des Klickereignisses des Links false zurückgibt, kann das Standard-URL-Sprungverhalten des Links verhindert werden. Die Handlerfunktion des Submit-Ereignisses des Formulars gibt „false“ zurück, wodurch das Standardverhalten des Formulars bei der Formularübermittlung verhindert werden kann.

Rückgabewert

submit()Der Rückgabewert der Funktion ist vom Typ jQuery und gibt das aktuelle jQuery-Objekt selbst zurück.

Beispiel und Beschreibung

Bitte beachten Sie den folgenden anfänglichen HTML-Code:

<form id="myForm" action="http://www.365mini.com" method="post">
    <input id="name" name="name" type="text" value="CodePlayer" /><br>
    <input id="age" name="age" type="text" value="20" /><br>
    <input type="submit" value="提交" />
</form>
<div id="msg"></div>

Jetzt binden wir eine Handlerfunktion an das Submit-Ereignis des Element (Mehrere Elemente können beim Auslösen in der Reihenfolge der Bindung gebunden und nacheinander ausgeführt werden):

$("form").submit( function(event){
    if( !$("#name").val() ){
        alert("姓名不能为空!");
        return false; // 返回值为false，将阻止表单提交
    }else if( !$("#age").val() ){
        alert("年龄不能为空!");
        return false; // 返回值为false，将阻止表单提交
    }
} );
// 触发form元素的submit事件
// $("form").submit( );

Wir können auch einige zusätzliche Daten an die Ereignisverarbeitungsfunktion übergeben. Darüber hinaus können wir über den von jQuery für die Ereignisverarbeitungsfunktion übergebenen Parameter Ereignisobjekt relevante Informationen über das aktuelle Ereignis erhalten (z. B. Ereignistyp, DOM-Element, das das Ereignis ausgelöst hat, zusätzliche Daten usw.):

var map = { name: "姓名", age: "年龄" };
$("form").submit( map, function(event){
    var labelMap = event.data;
    var label = '';
    // 循环验证所有text元素是否为空
    $(this).find(":text").each(function(){
        if( !this.value ){
            label = labelMap[this.name];
            return false;
        }       
    });    
    if( label ){
        alert( label + "不能为空!" );
        return false;
    }
} );

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Funktion jQuery.submit(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!