Vérifiez nom d'utilisateur/email disponibilité question de conception

Question

Je suis assez nouveau à la programmation et la conception html et voudrais poser une question que certains pourraient considérer stupide.

va ici:

J'ai un formulaire d'inscription qui est validée avec le plugin de validation jQuery. Dans ce formulaire, il y a une entrée d'email et de mot de passe qui sera utilisée comme identifiant de connexion.

Ce que je voudrais faire ici, c'est vérifier si cet email est disponible dans ma base de données (MySQL). Si c'est le cas, l'utilisateur sera invité à insérer un autre e-mail. Si ce n'est pas le cas, l'utilisateur va de l'avant pour réclamer cet email. Comment vais-je faire cela? Dois-je inclure un formulaire dans un formulaire? Par exemple, devrais-je avoir un formulaire incorporé avec un bouton "Vérifier la disponibilité" comme l'enregistrement Gmail?

Existe-t-il une procédure standard pour cela? S'il vous plaît suggérer une méthode bonne et facile.

Answer 1

Vous pouvez utiliser ajax pour accéder à un script côté serveur pour vérifier la disponibilité du courrier électronique, puis afficher un message de notification/d'erreur en fonction de la réponse que vous obtenez du serveur. Comme par exemple, sur l'événement flou du champ email (quand il perd le focus) vous pouvez déclencher un événement qui a un appel à un code côté serveur en utilisant ajax et en fonction de la réponse, vous pouvez masquer/montrer un particulier qui contient le message d'erreur.

champ Votre email pourrait être comme ça ...

<input type="text" name="email" class="email" /> 

le code jQuery va quelque chose comme ça ...

$("input.email").blur(function() { 
    $.ajax({ 
    url: 'ajax/getData.php?email=' + $(this).val(), 
    success: function(data) { 
     // Hide/show the error div over here 
    } 
    }); 
}); 

Answer 2

Ce que vous pouvez faire est d'aller vérifier la disponibilité du nom d'utilisateur par un appel http jQuery lorsque l'utilisateur a fini de taper quelque chose dans le champ email (onblur). Si ce n'est pas disponible, vous pouvez lui donner une indication visuelle (par exemple, tourner le champ en rouge) pour demander un autre e-mail.

Gardez à l'esprit les choses suivantes si:

• Toujours faire votre côté serveur de validation ainsi que côté client si vous voulez être robuste.
• Pendant que vous effectuez la recherche, fournissez à l'utilisateur une sorte d'indication visuelle que la recherche est en cours, vous pouvez également désactiver le bouton de soumission pendant que la recherche est en cours. Ne pas oublier de l'activer alors :)