jQuery Arrêtez l'événement .blur () en cliquant sur le bouton "Soumettre"
Je suis une petite page d'atterrissage avec une simple démo e-mail formulaire d'inscription. Je veux avoir le champ de formulaire lorsque de concentré, et puis de le réduire vers le bas sur le flou.
Cependant, le problème que je me pose, c'est quand vous cliquez sur le bouton "soumettre" cela incite le flou de la fonction, de cacher le bouton et le rétrécissement de la forme. J'ai besoin de trouver un moyen de l'arrêter .blur() méthode uniquement lorsque l'utilisateur clique à se concentrer sur le bouton soumettre. Est-il une bonne solution pour cela?
Apprécierais toute aide que je peux obtenir!
source d'informationauteur Jake
Vous devez vous connecter pour publier un commentaire.
Ce n'est pas la plus belle solution, mais il fonctionne. Essayez ceci:
DÉMO
Je sais que cette question est ancienne, mais de la façon la plus simple de le faire serait de vérifier événement.relatedTarget. La première partie de l'instruction if est pour éviter de lancer une erreur si relatedTarget est null (SI le court-circuit, car la valeur null est équivalent à false et que le navigateur sait qu'il n'a pas à vérifier la deuxième condition, si la première condition est fausse dans un && déclaration).
Donc:
Essayez ceci à l'intérieur .flou gestionnaire:
pourquoi ne pas s'appuyer sur
submit
de l'événement au lieu declick
? http://jsbin.com/ehujup/5/editjuste quelques changements dans le code html et js
envelopper d'entrées dans le
form
et ajouterrequired
pour les e-mails comme il est évident qu'elle suppose d'êtreen js, supprimer gestionnaire qui sont à l'écoute
#submitbtn
et utiliser à la place soumettre le formulaire listerer
vous pouvez utiliser
$.ajax()
pour le rendre encore meilleur.Faisant cela, vous gain en termes de validation et le navigateur natif du validateur HTML5 va faire vérifier le format de courrier électronique où il est pris en charge.