Afficher un message au lieu de l'alerte
Je suis en utilisant cette incroyable javascript pour vérifier si tous mes champs sont remplis mais au lieu d'une boîte d'alerte, je veux vous montrer un message sur ma page au lieu
$(document).ready(function() {
$('form').submit(function() {
var incomplete = $('form :input').filter(function() {
return $(this).val() == '';
});
//if incomplete contains any elements, the form has not been filled
if(incomplete.length) {
alert('Vul alle velden in en probeer het nog eens');
//to prevent submission of the form
return false;
}
});
});
J'ai essayé de jouer avec l'écho des messages mais qui n'a pas travaillé
Vous devez vous connecter pour publier un commentaire.
Vous pouvez le style de votre propre popup. Ou d'utiliser certains plugins.
http://jquerybyexample.blogspot.com/2013/01/jquery-popup-window-tutorial-plugins.html
Ou vous pouvez créer un élément sur la page, qui va montrer les messages d'erreur. Écrire certains styles et d'en faire un super look !
Après la forme de l'envoi, et la vérification des erreurs, d'écrire ce.
Ou vous pouvez faire du vide et de le cacher, après quelques secondes ou après que l'utilisateur de se concentrer.
Vous pouvez insérer un div caché au-dessus de votre forme, et de montrer la place de l'alerte
Vous avez à travailler avec les DOM, par exemple, quelque chose comme ceci:
où vous devez prédéfinir une erreur Div ('#errorDiv').
Ajouter caché div aligné avec vos éléments et afficher le message caché div à la place de la boîte d'alerte.
Comme mentionné dans d'autres réponses, vous avez à travailler avec les DOM. Si vous avez le temps, cependant, je vous conseillerais de vous conseiller de ne pas simplement copier/coller une ligne de jquery, mais de regarder ce que le DOM est réellement et comment le manipuler en javascript. Voici un point de départ:
https://developer.mozilla.org/en/docs/DOM
Voici le code que j'utilise pour une forme, peut-être que cela peut vous aider.