1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158
| <input type="hidden" id="label0" value="Quelle a été votre gamelle préférée ?" name="label0"/></div><div class='error' id='div-error-0'></div>
</div><div class="separation"></div><div class="boutons" id="bouton1"> <div class="left"></div><div class="right"><input type="submit" class="large color blue button" value="Valider" name="Valider" /></div> </div></fieldset><script>
$(document).ready(function() {$(".error").hide();$("#button-valid").hide();$(".etape").hide();$("#etape1").show(); });var required = new Array();var onglets = new Array();var type = new Array();onglets[0]=0;type[0]=7;function valide_onglets(onglet, nextOnglet, validation){
var tmp=0;
//verification des champs obligatoires
var formValid=validForm(onglet-1);
if ( (validation==0) || (formValid) ){
if (nextOnglet!=99){
$('#etape'+onglet).fadeOut(400);
$('#etape'+nextOnglet).delay(400).fadeIn();
}else{ formulaire.submit(); }
}
}
function validForm(onglet){
$('.error').hide() ;
var error=0;
var tmp=0;
//verification des champs mal formés
for (var i = 0; i < type.length; i++) {
if ((onglet==-1) || (onglets[i]==(onglet)) ){
if (type[i]==1){ //mail
if (($('#input'+i).val()) && (!verifEmail($('#input'+i).val())) ){
$('#div-error-'+i).html('Cette adresse mail est mal formée, elle doit avoir le format xxx@xxx.xxx').fadeIn(800) ;
$('#blank-div-error-'+i).fadeIn(800) ;
error=1;
}
}else if (type[i]==2){ //number
if (($('#input'+i).val()) && (!verifNumber($('#input'+i).val())) ){
$('#div-error-'+i).html('Ce champ ne doit contenir que des chiffres').fadeIn(800) ;
$('#blank-div-error-'+i).fadeIn(800) ;
error=1;
}
}else if (type[i]==3){ //url
if (($('#input'+i).val()) && (!verfifUrl($('#input'+i).val())) ){
$('#div-error-'+i).html('Ce champ doit contenir une adresse du type http://domaine.xx').fadeIn(800) ;
$('#blank-div-error-'+i).fadeIn(800) ;
error=1;
}
}
}
}
//verification des champs obligatoires
for (var i = 0; i < required.length; i++) {
if ((onglet==-1) || (onglets[required[i]]==(onglet)) ){
if ((type[required[i]]==6)||(type[required[i]]==7)){
//cases à cocher ou radio
tmp=0;
for (var j = 0; j < 50; j++) {
if($('#input'+required[i]+'-'+j).is(':checked'))
tmp=1;
}
if (tmp==0){
$('#div-error-'+required[i]).html('Ce champ est obligatoire.').fadeIn(800) ;
$('#blank-div-error-'+required[i]).fadeIn(800) ;
error=1;
}
}else if ($('#input'+required[i]).is(':visible')){
if ($('#input'+required[i]).val()==''){
$('#div-error-'+required[i]).html('Ce champ est obligatoire.').fadeIn(800) ;
$('#blank-div-error-'+required[i]).fadeIn(800) ;
error=1;
}
}
}
}
if (error==0){
return true;
}else return false;
}
//cette fonction valide un champ, elle est appelé au changement de la valeur du champ
function validUnChamp(i){
$('#div-error-'+i).hide() ;
$('#blank-div-error-'+i).hide() ;
var error=0;
var tmp=0;
//verification des champs mal formés
if (type[i]==1){ //mail
if (($('#input'+i).val()) && (!verifEmail($('#input'+i).val())) ){
$('#div-error-'+i).html('Cette adresse mail est mal formée, elle doit avoir le format xxx@xxx.xxx').fadeIn(800) ;
$('#blank-div-error-'+i).fadeIn(800) ;
error=1;
}
}else if (type[i]==2){ //number
if (($('#input'+i).val()) && (!verifNumber($('#input'+i).val())) ){
$('#div-error-'+i).html('Ce champ ne doit contenir que des chiffres').fadeIn(800) ;
$('#blank-div-error-'+i).fadeIn(800) ;
error=1;
}
}else if (type[i]==3){ //url
if (($('#input'+i).val()) && (!verfifUrl($('#input'+i).val())) ){
$('#div-error-'+i).html('Ce champ doit contenir une adresse du type http://domaine.xx').fadeIn(800) ;
$('#blank-div-error-'+i).fadeIn(800) ;
error=1;
}
}
if (error==0){
return true;
}else return false;
}
function verifNumber(myString){ // idTag 3
if(isNaN(myString)){ return false; }else { return true; }
}
function verifEmail(myString){ // idTag 4
var reg= /^\w+([\.-]?\w+)*@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
if(reg.test(myString)==true){
return true; // adresse valide
}
else{
return false; // adresse non valide
}
}
function verfifUrl(myString){ // idTag 5
var reg= /(http):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
if(reg.test(myString)==true){
return true; // adresse valide
}
else{
return false; // adresse non valide
}
}
//empeche la validation par la touche entrée
function refuserToucheEntree(event)
{
// Compatibilité IE / Firefox
if(!event && window.event) {
event = window.event;
}
// IE
if(event.keyCode == 13) {
event.returnValue = false;
event.cancelBubble = true;
}
// DOM
if(event.which == 13) {
event.preventDefault();
event.stopPropagation();
}
}
</script>
<p class="large color blue button" id="button-valid">
<input type="submit" value="Valider" name="Valider" />
</p> |
Partager