Bonjour à tous,
j'utilise ce bout de code pour imposer un nombre minimum de caractères dans mes textarea.
Celui-ci fonctionne mais le problème lorsque l'on poste le formulaire le compteur reste vide

il faut cliquer sur le textera pour que le compteur reprenne en compte le nombre de caractère.
Comment est ce que je peu faire pour que celui-ci reste pros en compte?
voila le bout de code il est pas terrible mais il fonctionne.
[javascript]
var total=0;
var total2=0;
var mini=250;
var mini2=600;
function actionlimite(){
if(total < mini)
{
alert("La description de votre activité utilise "+total+" caractères alors qu'elle doit en faire "+mini+" caractères !");
return false;
}
else{
return true;
}
}
function limite1(activite){
total = activite.value.length;
document.getElementById('compteur').innerHTML = total+" Caractère(s)";
}
function actionlimite(){
if(total2 < mini2)
{
alert("Votre description utilise "+total2+" caractères alors qu'elle doit en faire "+mini2+" caractères !");
return false;
}
else{
return true;
}
}
function limite2(description){
total2 = description.value.length;
document.getElementById('compteur2').innerHTML = total2+" Caractère(s)";
}
[/javascript]
et mes textarea :
<textarea name="activite" id="activite" rows="15" class="inscription" type="text" onfocus="limite1(this);" onkeydown="limite1(this);" onkeyup="limite1(this);" >
<?php if (isset($_POST['activite'])) echo security($_POST['activite']); ?>
</textarea>
<p style="margin-left:200px;">Nombre de caractéres : <span id="compteur"></span></p>
</div>
<div>
<textarea name="description" id="description" rows="15" class="inscription" type="text" onfocus="limite2(this);" onkeydown="limite2(this);" onkeyup="limite2(this);">
<?php if (isset($_POST['description'])) echo security($_POST['description']); ?>
</textarea>
<p style="margin-left:200px;">Nombre de caractéres : <span id="compteur2"></span></p>
</div>
Merci pour vos réponses.