11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour, j'aurai besoin de votre aide pour adapter mon code si possible. Le code ci-dessous vérifie si un pseudo est déjà utilisé. Il fonctionne correctement.

$(document).ready(function()
{   
 	$("#name").keyup(function()
 	{ 
  	var name = $(this).val();
   
	  $.post( "username-check.php", { name: $("#name").val() }, function (data){
      if(data=='1'){
      //la page php renvoie '1' -> pseudo déjà utilisé
	  // On affiche donc '1' dans le formulaire -> peu d'intérêt
	  $("#result").html(data);
	  //echo 'mail pris';
      }
}); //function(data)
   
  });
  
})


Mais voilà, j'avais récupéré et adapté un code qui gère mes champs, les erreurs et l'affichage de ces dernières. J'ai réduit le code à une seule valeur, le champ "name", qui contient justement le pseudo. Une vérification est faite pour avoir un pseudo n'ayant que des caractères alphanumériques et une certaine taille. C'est donc sur ce même champ que je vais vérifier si le pseudo est déjà utilisé. J'aurai voulu adapter le script ci-dessus, pour avoir un code adapté à celui ci-dessous. J'ai commenté les parties de validation du pseudo que je voudrait ajouter. Est ce possible ? Je suppose qu'il faut ajouter le code nécessaire après "var verifpseudoregex = ??????;" Mais comment y ajouter mon code initial ci-dessus ? J'ai tenté de l'ajouter derrière mais rien ne se passe. Merci

$('document').ready(function()
{   
   // Validation du pseudo (champ name -> que alphanumérique)
   var nameregex = /^[a-zA-Z0-9 ]+$/;
   $.validator.addMethod("validname", function( value, element ) {
       return this.optional( element ) || nameregex.test( value );
   }); 
 
 /* Pour vérifier si le pseudo est utilisé
    var verifpseudoregex = ??????;
    
   $.validator.addMethod("validpseudo", function( value, element ) {
       return this.optional( element ) || verifpseudoregex.test( value );
   }); */
 
   $("#register-form").validate({
      
    rules:
    {
     name: {
     required: true,
     validname: true,
     //validpseudo : true,
     minlength: 5, 
     maxlength: 25
     }
    },
    messages:
    {
     name: {
     required: "Merci d'indiquer un pseudo",
     validname: "Le pseudo ne peut contenir que des caractères alphanumériques",
     //validpseudo: "Ce pseudo est déjà utilisé";
     minlength: "Votre pseudo est trop court"
      }
    },
     });
 })

Modifié par natsu84 (21 Jan 2017 - 10:35)