Was ist jquery-form

jquery-form bezieht sich auf die jQuery-Formularbibliothek, ein Plug-in zur asynchronen Formularübermittlung, mit dem HTML-Formulare einfach und nicht-invasiv aktualisiert werden können, um Ajax zu unterstützen. Das Plug-in verfügt über zwei Kernmethoden: ajaxForm() und ajaxSubmit(; ), die integriert sind. Von der Steuerung von Formularelementen bis hin zur Möglichkeit, zu entscheiden, wie der Einreichungsprozess verwaltet werden soll.

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.3.1-Version, Dell G3-Computer. Was ist JQuery-Form? Die vollständige Steuerung des Übermittlungsprozesses und der Verarbeitung der Ergebnisse erfordert keine spezielle Tag-Unterstützung und hat keinen Einfluss auf die ursprüngliche Formularstruktur. Solange diese Bibliothek verwendet wird, kann das normale Formular problemlos auf ein Ajax-Übermittlungsformular aktualisiert werden.

Vorteile des Plug-ins

Mit nur wenigen Codezeilen können wir die Formularübermittlung implementieren und die asynchrone Formularübermittlung basierend auf der Auslösung eines beliebigen Ereignisses über die Funktion ajaxSubmit() flexibel implementieren.

Unterstützt die Funktion zum Hochladen von Dateien und unterstützt die Aktualisierung der Fortschrittsanzeige in neuen Browsern.

• ist perfekt in die jQuery-Bibliothek integriert, unterstützt verschiedene Ereignisse, die durch die Funktion jQuery.ajax() ausgelöst werden, und unterstützt die in jQuery.ajax() übergebenen Parameter.

• jquery-form macht es sehr einfach und unaufdringlich, HTML-Formulare zur Unterstützung von Ajax zu aktualisieren. jQuery Form verfügt über zwei Kernmethoden – ajaxForm() und ajaxSubmit(), die Funktionen von der Steuerung von Formularelementen bis hin zur Entscheidung, wie der Übermittlungsprozess verwaltet werden soll, kombinieren. Darüber hinaus enthält das Plug-in auch andere Methoden: formToArray(), formSerialize(), fieldSerialize(), fieldValue(), clearForm(), clearFields() und resetForm() usw.

Download-Adresse: http://malsup.com/jquery/form/#download

• Kernmethoden – ajaxForm() und ajaxSubmit()

$('#myForm').ajaxForm(function() {   
   $('#output1').html("提交成功！欢迎下次再来！").show();    
});  
       
$('#myForm2').submit(function() {
   $(this).ajaxSubmit(function() {   
      $('#output2').html("提交成功！欢迎下次再来！").show();    
   });
   return false; //阻止表单默认提交
});

Über die beiden Kernmethoden des Form-Plug-Ins können Sie dies tun Wenn Sie die HTML-Codestruktur des Formulars ändern, können Sie die Formularübermittlungsmethode problemlos auf die Ajax-Übermittlungsmethode aktualisieren

ajaxForm() und ajaxSubmit() akzeptieren beide 0 oder 1 Parameter. Wenn es sich um einen einzelnen Parameter handelt, ist der Parameter beides Es kann sich um eine Rückruffunktion oder ein Optionsobjekt handeln. Das Optionsobjekt wird unten vorgestellt, damit sie mehr Kontrolle über das Formular haben. Überprüfen Sie es, bevor das Formular gesendet wird Wenn beforeSubmit „false“ zurückgibt, wird das Absenden des Formulars verhindert

Das obige ist der detaillierte Inhalt vonWas ist jquery-form. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!