Don't like ads? PRO users don't see any ads ;-)

Vérification formulaire JQuery 2

By: Ellina on Jul 24th, 2012  |  syntax: jQuery  |  size: 1.16 KB  |  hits: 27  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. function verifForm() {
  2. valid = true;
  3. switch ($("#user").val()) {
  4.         case '' : // Dans le cas où le champ est vide
  5.                 $("#user").css("border-color","#FF0000"); // On met les bordures en rouge
  6.                 $("#user").next(".error-message").fadeIn().text("Veuillez entrer un identifiant");
  7.                 valid = false; // Et on indique au formulaire de pas s'envoyer
  8.                 break;
  9.         default :
  10.                 $("#user").css("border-color","#00FF00"); // Si non, on met en vert
  11.                 $("#user").next(".error-message").fadeOut(); // Et on fait disparaitre le message d'erreur
  12.         }
  13. switch ($("#host").val()) {
  14.         case '' :
  15.                 $("#host").css("border-color","#FF0000");
  16.                 $("#host").next(".error-message").fadeIn().text("Veuillez entrer un hôte");
  17.                 valid = false;
  18.                 break;
  19.         default :
  20.                 $("#host").css("border-color","#00FF00");
  21.                 $("#host").next(".error-message").fadeOut();
  22.         }
  23. switch ($("#db_name").val()) {
  24.         case '' :
  25.                 $("#db_name").css("border-color","#FF0000");
  26.                 $("#db_name").next(".error-message").fadeIn().text('Veuillez entrer une base de données');
  27.                 valid = false;
  28.                 break;
  29.         default :
  30.                 $("#db_name").css("border-color","#00FF00");
  31.                 $("#db_name").next(".error-message").fadeOut();
  32.         }
  33. return valid;
  34. }