jQuery annule la vérification valide

Lors de la rédaction d'un formulaire, il est évidemment nécessaire de vérifier les données saisies par l'utilisateur. jQuery nous fournit un plug-in jQuery Validate très pratique, qui peut nous aider à implémenter facilement la validation de formulaire. Mais parfois, nous devons aussi annuler la vérification de certains champs. Que devons-nous faire dans ce cas ? Voyons comment utiliser jQuery pour annuler la validation d'un formulaire.

1. Annuler la validation d'un seul champ

Supposons que nous ayons maintenant un formulaire qui contient deux champs : nom et numéro de téléphone. Si nous voulons annuler la vérification du champ téléphone, nous pouvons utiliser le code suivant :

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("input[name='phone']").rules("remove", "required minlength");

Dans le code, nous configurons d'abord la vérification du formulaire via la méthode validate, qui inclut le nom et le téléphone champs. Règles et astuces. Ensuite, sélectionnez la zone de saisie du champ du téléphone via le sélecteur jQuery et utilisez la méthode des règles pour supprimer "obligatoire" et "minlength" de ses règles de validation. De cette façon, le champ téléphonique n'a plus besoin d'être vérifié.

2. Annuler la vérification de l'intégralité du formulaire

Parfois, nous pouvons également avoir besoin d'annuler la vérification de l'intégralité du formulaire, par exemple avant de le soumettre le formulaire. Effectuez la vérification du formulaire, mais dans certains cas particuliers, nous devons soumettre le formulaire directement sans vérification. A ce stade, nous pouvons utiliser le code suivant :

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("form").submit(function(){
  $(this).validate().cancelSubmit = true;
  if($(this).valid()){
    // 表单校验通过，进行表单提交
  }
});

Dans le code, nous utilisons également d'abord la méthode validate pour mettre en place la vérification du formulaire. Dans l'événement de soumission du formulaire, nous obtenons l'objet de validation du formulaire en appelant la méthode validate() et définissons son attribut CancelSubmit sur true, ce qui signifie annuler le comportement de soumission automatique du formulaire. Ensuite, nous effectuons une autre vérification du formulaire, et si elle réussit, effectuons l'opération de soumission du formulaire. Si la validation du formulaire échoue, le formulaire ne sera pas automatiquement soumis.

Summary

Grâce à l'introduction ci-dessus, nous avons appris à utiliser jQuery Validate pour annuler la vérification d'un seul champ et la vérification de l'ensemble du formulaire. Cela sera très utile dans le développement réel et pourra améliorer la flexibilité et l’évolutivité de la validation des formulaires. Bien entendu, dans les applications pratiques, nous devons décider d'annuler la vérification de certains champs ou de l'intégralité du formulaire en fonction des besoins spécifiques de l'entreprise.

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!