CF3 telephone & repeat telephone validation

le

lestatu2 14 Jul, 2012

as title

can anyone help with the code:

validation: if "telephone" and "repeat telephone" don't match---> label with "telephone are different"

sorry for my english

Gr

GreyHead 14 Jul, 2012

Hi lestatu2,

Please see this FAQ

Bob

le

lestatu2 14 Jul, 2012

I need validation for a chronoform 3 old form...so I have to edit html/JS/VAlidate

can you help me bob?

this form code

<style type="text/css">div.chronoform {display: none;}</style>
<div class="contenitore">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="label">Nome e Cognome</label>
    <input class="contentbox text required field" maxlength="30" size="30" title="Inserisci Nome e Cognome" id="nome" name="nome" type="text" onblur="valNome(this)" />
  
  </div>
  <div id ="err_nome" style="display:none">Inserire il nome</div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="label">Telefono</label>
    <input class="contentbox required field" maxlength="15" size="30" title="Inserisci Telefono" id="telefono" name="telefono" type="text" onblur="valTel(this)" />
  
  </div>
  <div id ="err_tel" style="display:none">Inserire un numero valido</div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="label">Conferma Telefono</label>
    <input class="contentbox required field" maxlength="15" size="30" title="Conferma Telefono" id="telefono2" name="telefono2" oncopy="return false" onpaste="return false" oncut="return false" type="text" onblur="valTel(this)" />
  
  </div>
  <div id ="err_tel" style="display:none">Inserire un numero valido</div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="label">E-mail</label>
    <input class="contentbox required field" maxlength="50" size="30" title="Inserisci Email" id="email" name="email" type="text" onblur="valEmail(this)" />
  
  </div>
  <div id ="err_email" style="display:none">Inserire un indirizzo valido</div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Provincia</label>
    <select class="cf_inputbox" id="select_0" size="1" title=""  name="select_0">
      <option value="Agrigento">Agrigento</option>
<option value="Alessandria">Alessandria</option>
<option value="Ancona">Ancona</option>
<option value="Aosta">Aosta</option>
<option value="Ascoli Piceno">Ascoli Piceno</option>
<option value="Asti">Asti</option>
<option value="Avellino">Avellino</option>
<option value="Bari">Bari</option>
<option value="Barletta-Andria-Trani">Barletta-Andria-Trani</option>
<option value="Belluno">Belluno</option>
<option value="Benevento">Benevento</option>
<option value="Bergamo">Bergamo</option>
<option value="Biella">Biella</option>
<option value="Bologna">Bologna</option>
<option value="Bolzano">Bolzano</option>
<option value="Brescia">Brescia</option>
<option value="Brindisi">Brindisi</option>
<option value="Cagliari">Cagliari</option>
<option value="Caltanissetta">Caltanissetta</option>
<option value="Campobasso">Campobasso</option>
<option value="Carbonia-Iglesias">Carbonia-Iglesias</option>
<option value="Caserta">Caserta</option>
<option value="Catania">Catania</option>
<option value="Catanzaro">Catanzaro</option>
<option value="Chieti">Chieti</option>
<option value="Como">Como</option>
<option value="Cosenza">Cosenza</option>
<option value="Cremona">Cremona</option>
<option value="Crotone">Crotone</option>
<option value="Cuneo">Cuneo</option>
<option value="Enna">Enna</option>
<option value="Fermo">Fermo</option>
<option value="Ferrara">Ferrara</option>
<option value="Firenze">Firenze</option>
<option value="Foggia">Foggia</option>
<option value="Forlì-Cesena">Forlì-Cesena</option>
<option value="Frosinone">Frosinone</option>
<option value="Genova">Genova</option>
<option value="Gorizia">Gorizia</option>
<option value="Grosseto">Grosseto</option>
<option value="Imperia">Imperia</option>
<option value="Isernia">Isernia</option>
<option value="La Spezia">La Spezia</option>
<option value="L'Aquila">L'Aquila</option>
<option value="Latina">Latina</option>
<option value="Lecce">Lecce</option>
<option value="Lecco">Lecco</option>
<option value="Livorno">Livorno</option>
<option value="Lodi">Lodi</option>
<option value="Lucca">Lucca</option>
<option value="Macerata">Macerata</option>
<option value="Mantova">Mantova</option>
<option value="Massa-Carrara">Massa-Carrara</option>
<option value="Matera">Matera</option>
<option value="Messina">Messina</option>
<option value="Milano">Milano</option>
<option value="Modena">Modena</option>
<option value="Monza della Brianza">Monza della Brianza</option>
<option value="Napoli">Napoli</option>
<option value="Novara">Novara</option>
<option value="Nuoro">Nuoro</option>
<option value="Olbia-Tempio">Olbia-Tempio</option>
<option value="Oristano">Oristano</option>
<option value="Padova">Padova</option>
<option value="Palermo">Palermo</option>
<option value="Parma">Parma</option>
<option value="Pavia">Pavia</option>
<option value="Perugia">Perugia</option>
<option value="Pesaro e Urbino">Pesaro e Urbino</option>
<option value="Pescara">Pescara</option>
<option value="Piacenza">Piacenza</option>
<option value="Pisa">Pisa</option>
<option value="Pistoia">Pistoia</option>
<option value="Pordenone">Pordenone</option>
<option value="Potenza">Potenza</option>
<option value="Prato">Prato</option>
<option value="Ragusa">Ragusa</option>
<option value="Ravenna">Ravenna</option>
<option value="Reggio Emilia">Reggio Emilia</option>
<option value="Rieti">Rieti</option>
<option value="Rimini">Rimini</option>
<option value="Roma">Roma</option>
<option value="Rovigo">Rovigo</option>
<option value="Salerno">Salerno</option>
<option value="Medio Campidano">Medio Campidano</option>
<option value="Sassari">Sassari</option>
<option value="Savona">Savona</option>
<option value="Siena">Siena</option>
<option value="Siracusa">Siracusa</option>
<option value="Sondrio">Sondrio</option>
<option value="Taranto">Taranto</option>
<option value="Teramo">Teramo</option>
<option value="Terni">Terni</option>
<option value="Torino">Torino</option>
<option value="Trapani">Trapani</option>
<option value="Trento">Trento</option>
<option value="Treviso">Treviso</option>
<option value="Trieste">Trieste</option>
<option value="Udine">Udine</option>
<option value="Varese">Varese</option>
<option value="Venezia">Venezia</option>
<option value="erbano-Cusio-Ossola">erbano-Cusio-Ossola</option>
<option value="Vercelli">Vercelli</option>
<option value="Verona">Verona</option>
<option value="Vibo Valentia">Vibo Valentia</option>
<option value="Vicenza">Vicenza</option>

    </select>
    
  </div>
  <div class="cfclear"> </div>
</div>

    

<! ------------ CAPTCHA --------------- >
<div class="form_item">
  <div class="form_element">   
     
      <img id="captcha_img" alt="" src="/components/com_chronocontact/chrono_verification.php?imtype=1">
    
    <input type="text" class="contentbox" value="" id="captchainput" style="width:;" name="chrono_verification">

  </div>
  <div class="cfclear"> </div>
</div>
<! ------------ /CAPTCHA -------------- >

<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="label"></label>
    <div class="float_left1">
      <input value="Privacy" title="" class="radio" id="check00" name="check0" type="checkbox" onClick="checkButton(this,button_5)" />
      <label for="check00" class="check_label privacySLB">
<a style="text-decoration:none;" target="" href="index.php?option=com_content&view=article&id=282">
Consenso Privacy</a></label>
      <br />
    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>


<div class="form_item">
  <div class="form_element cf_button">
    <button type="submit" name="button_5" id="bottone_Confpign" value="Submit" disabled="disabled" >
    </button>
  </div>
  <div class="cfclear"> </div>
</div>
</div>

and this is javascript I used NOT WORKING

function checktelefono {
  if (document.getElementById('telefono').value !=   document.getElementById('telefono2').value)
  {
  alert('I numeri di telefono non corrispondono');
  return false;
  }
  else {
    return true;
  }
}

le

lestatu2 14 Jul, 2012

I did it bob with
javascript


function validate(telefono, telefono2){                //CONFRONTO telefono
 var tel = telefono.value;
 var confermatel = telefono2.value;
 if (confermatel == '')
   return 0;
 var errors = "Attenzione: i numeri di telefono non coincidono.";
 if (confermatel != telefono) 
   alert(errors);   
 return true;
}

html

onblur="valTel(this),validate(telefono, this)" />

thanks however you are however my hero

Gr

GreyHead 23 Jul, 2012

Hi lestatu,

Good to see you got this working though ChronoForms v3 already has a 'validate-confirmation' option on the Validations tab.

Bob

Forums

CF3 telephone &amp; repeat telephone validation

CF3 telephone & repeat telephone validation