5 gute jQuery validieren Form Demos

Fünf ausgezeichnete JQuery -Formularvalidierung Demos

zahlreiche Plugins für Formularvalidierung sind verfügbar. Hier sind jedoch fünf erstklassige JQuery-gestützte Demos, die effektive Formularvalidierungstechniken präsentieren.

Quelle & Demo 1: JQuery Validation Plugin

Dieses Plugin vereinfacht die Client-Seite-Formularvalidierung und bietet umfangreiche Anpassungsoptionen.

Quelle & Demo 2: JQuery Validation Plugin - TEISEROLLERD

Eine visuell ansprechende Demo unter Verwendung des Themas -Themas.

Source & Demo 3: JQuery Validieren Sie Demo mit Twitter Bootstrap Styling

Diese Demo integriert das Plugin in das beliebte Twitter -Bootstrap -Framework für ein verbessertes Styling.

Quelle & Demo 4: Basic JQuery Validierungsformular

Eine einfache Demo, die die Leichtigkeit der Form der Form von Formularvalidierung mit JQuery und seinem Validierungs -Plugin unter Verwendung grundlegender Eingangsvalidierungsregeln veranschaulicht.

Quelle & Demo 5: AJAX -Formularvalidierungsbeispiel

Diese Demo enthält zwei Beispiele für die clientseitige Formularvalidierung mit JavaScript (mit JQuery) und AJAX für die serverseitige Verarbeitung.

häufig gestellte Fragen (FAQs)

Fehlermeldungen anpassen: Anpassen von Fehlermeldungen mit der Option messages in der Methode validate einfach anpassen. Geben Sie benutzerdefinierte Nachrichten für jedes Feld und die Validierungsregel an. Zum Beispiel:

<code class="language-javascript">$("#myForm").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    }
  },
  messages: {
    name: {
      required: "Please enter your name",
      minlength: "Name must be at least 2 characters"
    }
  }
});</code>

E-Mail-Validierung: Die integrierte email -Regel überleitet die E-Mail-Validierung.

<code class="language-javascript">$("#myForm").validate({
  rules: {
    email: {
      required: true,
      email: true
    }
  }
});</code>

Formulare Validierung: Die validate -Methode validiert automatisch bei der Einreichung. Rufen Sie einfach validate() in Ihrem Formular an.

AJAX -Integration: Verwenden Sie die Option submitHandler, um die Einreichung der Formular über Ajax zu verarbeiten.

<code class="language-javascript">$("#myForm").validate({
  submitHandler: function(form) {
    $.ajax({
      type: "POST",
      url: "/submit",
      data: $(form).serialize(),
      success: function(response) {
        // Handle the response
      }
    });
    return false;
  }
});</code>

Überprüfungsbekämpfungen, wählen Sie Felder, mehrere Felder, Dateieingaben, Zahlen und Daten: Die required -Regel funktioniert für Kontrollkästchen und wählen Sie Felder aus. Funktionen können mehrere Felder mit demselben Namen validieren. Die required -Regel gilt auch für Dateieingaben. Verwenden Sie number und date Regeln für die Anzahl bzw. der Datumsvalidierung. In dem Originalartikel finden Sie jeweils detaillierte Beispiele.

Das obige ist der detaillierte Inhalt von5 gute jQuery validieren Form Demos. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!