Test si les champs rempli submit sera visible

diiias Messages postés 6 Statut Membre -
diiias Messages postés 6 Statut Membre - 20 sept. 2011 à 12:05

Bonjour,

mois je veux lorsque tous les champs seront remplis

le [B]submit[/B] sera visible tous simplement mais je n'arive pas a faire ce test

note b: il existe une [B]submit[/B] déjà invisible #envoyer j'espère que l'idée est claire maintenon.[/SIZE]

voila mon code:

<!--************************** script validation formulaire **************--> 
 <script type="text/javascript"> 
 var valid_champs='ok'; 
  $(document).ready(function() { 
  var valid_champs='ok'; 
  //------------------ validation champ email par blur ------------- 
   $("#email").blur(function(){ 
    valid = true; 
    var email = document.getElementById('email');  
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
    if (filter.test(email.value)){ 
     
    $("#email").css("border-color","#98D100"); 
    valid_champs = 'ok'; 
    valid = false; 
    } 
    else{ 
     $("#email").css("border-color","#FF0000"); 
     valid_champs = 'no'; 
     valid = false; 
    } 
    if($("#email").val() == "" ){ 
     $("#email").css("border-color","#FF0000"); 
     valid = false; 
     valid_champs = 'no'; 
    } 
    if($("#email").val() == "E-mail" ){ 
     $("#message").css("border-color","#FF0000"); 
     valid_champs = 'no'; 
     valid = false; 
    } 
    return valid; 
     
   }); 
           
   //--------------- validation champ objet par blur ------------ 
   $("#objet").blur(function(){ 
    valid = true; 
    if($("#objet").val() == "" ){ 
     $("#objet").css("border-color","#FF0000"); 
     valid = false; 
     valid_champs = 'no'; 
    } 
    else{ 
     $("#objet").css("border-color","#98D100"); 
     valid = false; 
     valid_champs = 'ok' 
    } 
    
    if(objet == "Objet" ){ 
     $("#message").css("border-color","#FF0000"); 
     valid_champs = 'no'; 
    }    
     return valid; 
   }); 
    
   //------------ validation champ message par blur ------------- 
   $("#message").blur(function(){ 
    valid = true; 
    if($("#message").val()!= "" ){ 
     $("#message").css("border-color","#98D100"); 
     valid = false; 
     valid_champs = 'ok'; 
    } 
    else{ 
     $("#message").css("border-color","#FF0000"); 
     valid_champs = 'no'; 
    } 
    if(message != "Votre message" ){ 
     $("#message").css("border-color","#98D100"); 
     valid_champs = 'ok'; 
    } 
         
     return valid; 
   }); 
    
   //--------------- animation de champ message ----------------- 
   $("#message").focus(function(){ 
     
    $("#message").animate({  
     height: "50px" 
      }, 1000 ); 
   }); 
    
   //------------- visibility de submit par blur --------------- 
   $(document).ready(function(){ 
   if(valid_champs ='ok'){ 
    $("#envoyer").css("display","block"); 
    alert("les champs sont valide"); 
   } 
   if(valid_champs ='no'){ 
    $("#envoyer").css("display","none"); 
    alert("les champs non valide"); 
    } 
   }); 
    

  });

voila le code html:

<input id="email" type="text" value="E-mail" onFocus="if (this.value=='E-mail') {this.value=''}"/> 
                        <div class="cl"></div> 
                        <input id="objet" type="text" value="Objet" onFocus="if (this.value=='Objet') {this.value=''}"/> 
                        <div class="cl"></div> 
                        <textarea id="message" type="text" value="Votre message"  
      onFocus="if(this.value=='Votre message') {this.value=''}">Votre message</textarea> 
                        <div class="cl"></div> 
                        <input id="envoyer" type="submit" value="Envoyer"/>

Cordialement.

Afficher la suite

A voir également:

Test si les champs rempli submit sera visible
Test performance pc - Guide
Test steam deck oled - Guide
Test disque dur - Télécharger - Informations & Diagnostic
Test composant pc - Guide
Clé usb non visible - Guide

1 réponse

Réponse 1 / 1

diiias Messages postés 6 Statut Membre

voila l'astus pour les autres:

$(document).ready(function() {
//------------------ validation champs avec le blur -------------
$("#email,#objet,#message").blur(function() {

var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if ($("#email").val() !== "E-mail" && $("#email").val() !== "" && $("#email").val().match(filter)
&& $("#objet").val() !== "" && $("#objet").val() !== "Objet"
&& $("#message").val()!== "" && $("#message").val()!== "Votre message") {

$("#objet,#message,#email").css("border-color","#98D100");
$("#envoyer").fadeIn(2000);
//alert('les champs valid');
return true;
}
else {

$("#objet,#message,#email").css("border-color","#FF0000");
$("#envoyer").fadeOut(2000);
//alert('les champs not valid');
return false;
}
});
//--------------- animation de champ message -----------------
$("#message").focus(function(){
$("#message").animate({
height: "50px"
}, 1000 );
});

});

Votre réponse