jQuery Girl
  1. jQuery Girl
  3. Comment désactiver l’envoi du formulaire si le nom d’utilisateur n’est pas disponible
Intereting Posts
Itération dans des objects de base de feu nesteds – Javascript L’info-bulle ne peut pas afficher la position de translation après le panoramique de l’image sur le canevas? comment puis-je faire un filtre jQuery swear word / bad word? jQuery Mobile: fonction de rappel de recherche de filtre de liste de diffusion trouver le dernier td de chaque tr en utilisant jquery Envelopper certains mots spécifiés avec span dans jQuery? jQuery garder le sélecteur de date ouvert tout le temps Existe-t-il un problème d’utilisation d’InnerHTML dans UIWebView dans une application iPhone native? stopPropagation () empêchant les fonctions onClick de childs Comment masquer les marqueurs Api de Google Maps avec jQuery indexOf n’est pas une fonction dans Firefox, Opera mais fonctionne dans IE, indexOf alternative dans javascript pour tester la chaîne contient afficher le message de chargement lors du chargement du contenu dans asp à l’aide de jquery ajax Lire XML et append en vue à l’aide de Backbone js Comment activer CORS avec le service Web et jQuery Ajax Mettre en surbrillance la section d’une image mappée lorsque le texte survole la page Web

Comment désactiver l’envoi du formulaire si le nom d’utilisateur n’est pas disponible

J’ai vérifié la disponibilité du nom d’utilisateur. Le problème est que, même si le nom d’utilisateur n’est pas disponible, le formulaire est en cours de publication.

Code édité: 

 $(document).ready(function(){ $("#emailch").change(function() { var usr = $("#emailch").val(); if(usr.length >= 3) { $("#status").html(' Checking availability...'); $.ajax({ type: "POST", url: "includes/check.php", data: "username="+ usr, success: function(msg){ $("#status").ajaxComplete(function(event, request, settings){ if(msg == 'OK') { $("#username").removeClass('object_error'); // if necessary $("#username").addClass("object_ok"); $(this).html(' '); } else { $("#username").removeClass('object_ok'); // if necessary $("#username").addClass("object_error"); $(this).html(msg); } }); } }); } else { $("#status").html('The username should have at least 3 characters.'); $("#username").removeClass('object_ok'); // if necessary $("#username").addClass("object_error"); } }); });

Ce que je veux, c’est que le formulaire ne soit pas posté si le nom d’utilisateur n’est pas disponible . J’ai essayé en utilisant return false; dans IF CONDITION mais cela échoue. S’il vous plaît suggérer une autre méthode. Toute aide serait appréciée.

sur submit, retour false, peu importe ce qui est fait, si le champ est bon, envoyez votre formulaire en ajax, si son contenu est mauvais, erroné ou quoi que vous ayez besoin

L’utilisation de return false pour empêcher la soumission d’un formulaire ne fonctionne pas très bien dans jQuery. Utilisez event.preventDefault () à la place, essayez ce qui suit: 

 $(function() { $('#formid').submit(function(event) { if ($("#emailch").val().length < 3) { event.preventDefault(); } }); });

Définissez un indicateur (variable) dans votre fonction de success sur false (par exemple) si le nom d’utilisateur n’est pas disponible. Vérifiez ensuite cet indicateur dans le gestionnaire onsubmit votre formulaire et, s’il est égal à false, renvoyez false à partir de ce gestionnaire d’événements. Votre formulaire ne sera pas soumis.