Forums

Duplicate ids on form elements with form wizard

manulesurfeur 19 Aug, 2010
Hi;

The form wizard have given the same id to a textfield and a text area : text_12 (first and last elements).

Result : The w3c validor fail.

I have modified the form many times and i have tested Multiholder.

I have edited the form code to correct it.

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 100px;">Vous représentez :</label>
    <select class="cf_inputbox validate-selection" id="select_12" size="1" title="Veuillez sélectionner le type de votre organisme."  name="type_contact">
    
      <option value="Une entreprise">Une entreprise</option>
<option value="Un exploitant de réseaux">Un exploitant de réseaux</option>
<option value="Une collectivité locale">Une collectivité locale</option>
<option value="Autre">Autre</option>

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

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 100px;">Nom de la société : </label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_12" name="societe" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 100px;">Civilité :</label>
    <select class="cf_inputbox validate-selection" id="select_13" size="1" title="Veuillez choisir votre civilité."  name="civilite">
    
      <option value="M.">M.</option>
<option value="Mme">Mme</option>
<option value="Mlle">Mlle</option>

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

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 100px;">Nom : </label>
    <input class="cf_inputbox required validate-alphanum" maxlength="150" size="30" title="Veuillez saisir votre nom." id="text_5" name="nom" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 100px;">Prénom : </label>
    <input class="cf_inputbox required validate-alphanum" maxlength="150" size="30" title="Veuillez saisir votre prénom." id="text_6" name="prenom" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 100px;">Email : </label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="Veuillez saisir un email correct." id="text_8" name="email" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 100px;">Code postal : </label>
    <input class="cf_inputbox required validate-alphanum" maxlength="8" size="5" title="Veuillez saisir votre code postal." id="text_9" name="cp" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 100px;">Ville : </label>
    <input class="cf_inputbox required validate-alphanum" maxlength="150" size="30" title="Veuillez saisir votre ville." id="text_11" name="ville" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 100px;">Téléphone : </label>
    <input class="cf_inputbox required validate-alphanum" maxlength="10" size="10" title="Veuillez saisir votre numéro de téléphone." id="text_10" name="telephone" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 100px;">Message : </label>
    <textarea class="cf_inputbox required" rows="5" id="text_12" title="Veuillez saisir votre message." cols="60" name="message"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Envoyer" name="button_10" type="submit" />
  </div>
  <div class="cfclear"> </div>
</div>


Thanks;
Emmanuel
Max_admin 27 Aug, 2010
Hi Emmanuel,

Yeah, this is a known issue, thanks for reporting, will be fixed in the new release (new wizard)

Regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.

VPS & Email Hosting 20% discount
hostinger