[html] Limiter en caractere un champ de texte - {RESOLU} (dans un formulaire naturell

Logiciel & apps Programmation
1

Hello tout le monde,

voila j’ai fais un formulaire avec Dreamweaver qui est le suivant:

<FORM METHOD="POST" FORM ACTION="mail02.php">
    <p>
      <input name="adr" type="text" class="Stylechamps_nochange" value="@" size="30" maxlength="100">
</p>
    <p>
      <textarea name="msg" cols="27" rows="5" wrap="VIRTUAL" maxlength="1600" class="Stylechamps_nochange">Message</textarea>
</p>
    <p>
      <input name="submit" type="submit" class="Stylechamps_nochangeBLACK" value="Envoyer">
    </p>
  </form>

Mais la limite ne fonctionne que sur le champ de l’adresse.

Comment appliquer une limite au champ de texte pour le contenu du message ?

Merci :jap:

Corentin

2

Je n’ai pas connaissance d’un attribut HTML qui offre cette fonctionnalité pour un textarea, tu vas probablement devoir faire ça en Javascript.

3

je vais chercher sur google… merci :slight_smile:

4

<HTML>

<HEAD>

<TITLE>Tout JavaScript.com - Compteur de caractères</TITLE>

<script LANGUAGE="JavaScript">

//D’autres scripts sur http://www.toutjavascript.com

//Si vous utilisez ce script, merci de m’avertir !

var max=50; // 50 caractères maximum

function compter(f) {

var txt=f.zone.value;

var nb=txt.length;

if (nb&gt;max) { 

	alert(&quot;Pas plus de &quot;+max+&quot; caractères dans ce champ&quot;);

	f.zone.value=txt.substring(0,max);

	nb=max;

}

f.nbcar.value=nb;

}

function timer() {

compter(document.forms[&quot;form1&quot;]);

setTimeout(&quot;timer()&quot;,100);

}

</SCRIPT>

</HEAD>

<BODY bgcolor=“white” text="#FAFAFF" alink="#000066" link="#000066" vlink="#000066" onload=“setTimeout(‘timer()’,100)”>

<FONT FACE=“Arial” SIZE=’-1’ COLOR=“navy”>

<CENTER><B><BIG>Compte le nombre de caractères dans une zone de texte</B></BIG></CENTER>

Compatible IE4+ et NS4+<BR>

<FORM name="form1">

Votre texte :<TEXTAREA name="zone" rows=4 cols="40" onkeypress="compter(this.form)"></TEXTAREA><BR>

Nombre de caractères : <INPUT type="text" name="nbcar" size=3>

</FORM>

<BR><BR>

Le calcul se fait à chaque frappe d’un caractère. Les touches SUPPR et BACKSPACE ne sont pas reconnues, un timer effectue le calcul régulièrement.

<BR><BR><BR><BR><BR><BR><BR>

<BR>

<CENTER><A href="http://www.toutjavascript.com"><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER>

</BODY></HTML>

<!-- Script développé par Olivier Hondermarck -->

<!-- http://www.toutjavascript.com -->

5

Merci =)

6

Un bon vieux

onkeypress=“if(this.length > xxx) { alert(‘Taille max atteinte’); this.value = this.value.substr(0, xxx); }”

et c’est bon…