5 Good jQuery valider les démos de formulaires

cinq excellents démos de validation de formulaire jQuery

De nombreux plugins de validation de formulaires sont disponibles, mais voici cinq démos de premier ordre alimentées par jquery présentant des techniques de validation de formulaire efficaces.

Source & Demo 1: JQuery Validation Plugin

Ce plugin simplifie la validation du formulaire côté client tout en offrant des options de personnalisation étendues.

Source & Demo 2: JQuery Validation Plugin - Themerollered

Une démo visuellement attrayante en utilisant le thème du thèle.

Source & Demo 3: JQuery Valider Demo avec Twitter Bootstrap Styling

Cette démo intègre le plugin avec le framework Bootstrap Twitter populaire pour un style amélioré.

Source & Demo 4: Formulaire de validation JQuery de base

Une démo simple illustrant la facilité de validation de formulaire avec jQuery et son plugin de validation, utilisant des règles de validation de base de base.

Source & Demo 5: Ajax Form Validation Exemple

Cette démo présente deux exemples de validation de formulaire côté client à l'aide de JavaScript (avec jQuery) et ajax pour le traitement côté serveur.

Questions fréquemment posées (FAQ)

Personnalisation des messages d'erreur: Personnaliser facilement les messages d'erreur à l'aide de l'option messages dans la méthode validate. Spécifiez les messages personnalisés pour chaque champ et la règle de validation. Par exemple:

<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>

Validation des e-mails: La règle intégrée email gère la validation des e-mails.

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

Validation de soumission du formulaire: La méthode validate valide automatiquement la soumission. Appelez simplement validate() sur votre formulaire.

Ajax Intégration: Utilisez l'option submitHandler pour traiter la soumission du formulaire via Ajax.

<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>

validation des cases à cocher, des champs de sélection, des champs multiples, des entrées de fichiers, des numéros et des dates: La règle required fonctionne pour les cases à cocher et sélectionnez les champs. Les fonctions peuvent valider plusieurs champs avec le même nom. La règle required s'applique également aux entrées de fichiers. Utilisez respectivement number et date Règles pour la validation des numéros et des dates. Reportez-vous à l'article original pour des exemples détaillés de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!