online: 2; azi: 1315; total: 53321 Webdesign - Scripturi - 09

Numar maxim de caractere in textarea


Urmatorul script stabileste si verifica numarul de caractere introduse intr-un textarea, afiseaza numarul de caractere ramase si daca acest numar este depasit afiseaza o fereastra alert de atentionare.
Puteti testa scriptul in campul de text de mai jos.

Adaugati o scurta descriere (in maxim 80 caractere)

   

Pentru a adauga acest script intr-o pagina web:
- Introduceti in sectiunea HEAD a documentul HTML, urmatorul script:
<script type="text/javascript">
<!--
// De www.discant.ro (http://www.discant.ro)

function verifica(text) {

  // Aici schimbati numarul maxim de caractere
  var maxlength=80;

  // Verifca daca a fost depasit nr. maxim de caractere
  if (text.value.length>maxlength) {
    alert("Va rog adaugati maxim "+maxlength+" caractere!")
    return false
  }
  // Afiseaza nr. de caractere ramase
  else {
    document.getElementById("countdown").innerHTML = 'Mai aveti <b>'+(maxlength-text.value.length)+'</b> caractere';
    return true
  }
}
//-->
</script>

Dupa <body> adaugati urmatorul cod HTML pentru formular:
<form action="#" name="f" onsubmit="return verifica(document.f.ctest)">
  <strong>Adaugati o scurta descriere</strong> (<i><span id="countdown">in maxim 80 caractere</span></i>)<br>
  <textarea rows="5" cols="38" name="ctest" onkeydown="verifica(this)" onkeyup="verifica(this)"></textarea><br>
<input type="submit" value="Trimite"> &nbsp; &nbsp;
<input type="reset" value="Sterge" name="sterge">
</form>