Imposer un nombre de caractéres minimum
Posté : 05 janv. 2013, 16:09
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 :
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
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.