[RESOLU] Mettre un champ obligatoire

[darkhalo]

Bonjour tout le monde !

 

Je me permets de poster sur le forum car je rencontre un petit souci :

pour une raison X je souhaite rendre le champ, en dessous des adresses de livraison et de facturation, obligatoire.

Pour le moment toutes mes tentatives se sont soldées par un échec empêchant la page de s'ouvrir correctement.

 

La page en question est order-address.tpl

Et le champ que je souhaite modifier comprend ce code :

<div id="ordermsg">
  <p><h1>{l s='If you would like to add a comment about your order, please write it below.'}</h1></p>
  <p class="textarea"><textarea cols="77" rows="3" name="message">{if isset($oldMessage)}{$oldMessage}{/if}</textarea></p>
 </div>

 

Ma question est donc la suivante : Comment pourrais je rendre ce champ obligatoire à l'aide de javascript ?

 

Merci d'avance pour vos réponses.

Cordialement

[darkhalo]

UP svp

[luci1]

Bonjour,

 

Regardes du coté de ce plugin javascript, tu devrais y trouver ton bonheur : http://bassistance.de/jquery-plugins/jquery-plugin-validation/.

[darkhalo]

oh super !

Merci de ta réponse !

[luci1]

Bonjour,

 

Un petit [RESOLU] ?

[darkhalo]

Je ne comprends pas le script n'a aucun effet sur la page.

J'ai beau le mettre en place je peux passer à l'autre page en laissant le champs vide.

 

Je vous mets le début du fichier

 

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<script>
 $(document).ready(function(){
$("#commentForm").validate();
 });
 </script>

 

C'est bien comme sa qu'il faut mettre en place ?

 

Le form est comme ceci...

 

<form action="{$link->getPageLink('order.php', true)}" method="post" id="commentForm">

 

Merci pour vos réponses

 

Cordialement

[luci1]

Il faut également créer les règles de validations, regardes ici :

 

http://rocketsquared.com/wiki/Plugins/Validation/rules#.22add.22rules

[darkhalo]

Bonjour,

Après de multiples tentatives j'ai un camarade a réussi a trouver la solution.

 

{literal}
<script type="text/javascript">
function verif()
{
if (document.getElementById('date').value.length==0)
{
alert('Veuillez insérer une date de location');
return false;
}
return true;
}
</script>
{/literal}

 

J'ai rajouté a form

onsubmit="return verif();"

 

Et l'Id date au champ

 

<textarea cols="77" rows="3" name="message" id="date">

 

 

Merci toutefois à elkastor pour son aide !

 

Cordialement