JQuery Validation Validieren Sie nur auf Formulierungen

Wenn Sie das JQuery -Verifizierungs -Plugin verwenden, können Sie beim Eingeben im Eingabefeld überprüft werden. Dies ist am häufigsten bei der Verwendung benutzerdefinierter Bestätigungsregeln, die die AJAX -Anforderung auslösen, um die Benutzereingabe zu überprüfen (z. B. Überprüfen Sie, ob die E -Mail des Benutzers in der Datenbank eindeutig ist). Die Verzögerungserfahrung war schrecklich. Um kontinuierliche Überprüfungsüberprüfungen zu beseitigen, fügen Sie der Form des Formularüberprüfungsfunktion die folgenden Parameter hinzu:

<code class="language-javascript">onkeyup: false,
onclick: false,
onfocusout: false,</code>

Daher könnte Ihre Überprüfungsfunktion so aussehen:

<code class="language-javascript">$("#form").validate({
    onkeyup: false,
    onclick: false,
    onfocusout: false,

    // 验证规则
    rules: {
        // ...
    },

    // 验证消息
    messages: {
        // ...
    },

    // 提交处理程序
    submitHandler: function(form) {
        // ...
    }
});</code>

Andere $.validate() Optionen

<code class="language-javascript">messages: {},
groups: {},
rules: {},
errorClass: "error",
validClass: "valid",
errorElement: "label",
focusInvalid: true,
errorContainer: $([]),
errorLabelContainer: $([]),
onsubmit: true,
ignore: ":hidden",
ignoreTitle: false,
onfocusin: function(element, event) { ... },
onfocusout: function(element, event) { ... },
onkeyup: function(element, event) { ... },
onclick: function(element, event) { ... },
highlight: function(element, errorClass, validClass) { ... },
unhighlight: function(element, errorClass, validClass) { ... }</code>

häufig gestellte Fragen zur JQuery -Überprüfung und Formulareingabe (FAQ)

Wie kann ich Fehlermeldungen in der jQuery -Überprüfung anpassen?

Mit

JQuery Converification Plugin können Sie Fehlermeldungen nach Bedarf anpassen. Sie können dies tun, indem Sie die Option .validate() in der Methode messages verwenden. Beispiele sind wie folgt:

<code class="language-javascript">$("#myForm").validate({
    rules: {
        name: {
            required: true,
            minlength: 2
        }
    },
    messages: {
        name: {
            required: "请输入您的姓名",
            minlength: "您的姓名必须至少包含 2 个字符"
        }
    }
});</code>

In diesem Beispiel wird in diesem Beispiel das Feld "Name" leer, eine benutzerdefinierte Fehlermeldung "Bitte geben Sie Ihren Namen ein" angezeigt. Wenn das Feld "Name" weniger als 2 Zeichen beträgt, muss "Ihr Name mindestens 2 Zeichen enthalten".

Wie verwendet ich JQuery -Validierung auf mehreren Formularen auf derselben Seite?

Sie können JQuery -Validierung für mehrere Formulare auf derselben Seite verwenden, indem Sie die .validate() -Methode für jedes Formular getrennt aufrufen. Beispiele sind wie folgt:

<code class="language-javascript">$("#form1").validate({
    // form1 的规则和消息
});

$("#form2").validate({
    // form2 的规则和消息
});</code>

In diesem Beispiel sind #form1 und #form2 die IDs der beiden Formen. Sie können separate Validierungsregeln und Nachrichten für jedes Formular definieren.

Wie kann ich JQuery -Überprüfung mit AJAX verwenden?

Sie können die jQuery -Überprüfung mit AJAX verwenden, indem Sie die Option .validate() in der Methode submitHandler verwenden. Wenn das Formular gültig ist, wird die submitHandler -Funktion aufgerufen, in der Sie das Formular über AJAX einreichen können. Beispiele sind wie folgt:

<code class="language-javascript">$("#myForm").validate({
    rules: {
        // 您的规则
    },
    messages: {
        // 您的消息
    },
    submitHandler: function(form) {
        $.ajax({
            type: "POST",
            url: "/your-url",
            data: $(form).serialize(),
            success: function(response) {
                // 处理响应
            }
        });
    }
});</code>

In diesem Beispiel wird es in diesem Beispiel über Ajax an die URL "/Your-URL" übermittelt. Die $(form).serialize() -Methode wird verwendet, um eine Textzeichenfolge einer Standard-URL-kodierter Notation zu erstellen.

Der Rest des FAQ -Inhalts stimmt mit dem Originaltext überein. Sie können die verbleibenden FAQ-Teile des Originaltextes hier kopieren und einfügen, um die Pseudooriginalisierung des gesamten Dokuments zu vervollständigen. Beachten Sie, dass die Antworten auf jede FAQ leicht verbal angepasst sind, um sie vom Originaltext zu unterscheiden, jedoch mit der gleichen Bedeutung.

Das obige ist der detaillierte Inhalt vonJQuery Validation Validieren Sie nur auf Formulierungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!