online: 13; azi: 264; total: 52270 Webdesign - Scripturi - 10

Numar maxim de cuvinte in textarea


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

Adaugati cuvinte cheie
(Folositi maxim 5 cuvinte)

   

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 cuvinte
  var maxwords=5;
  var nrc=text.value.split(" ");    // Imparte sirul in functie de caracterul spatiu
  // Verifca daca a fost depasit nr. maxim de cuvinte
  if (nrc.length>maxwords) {
    alert("Va rog adaugati maxim "+maxwords+" cuvinte!")
    return false
  }
  // Afiseaza nr. de cuvinte adaugate
  else {
    document.getElementById("countdown").innerHTML = 'Cuvinte adaugate <b>'+nrc.length+'</b> din maxim <u>'+maxwords+'</u>';
    return true
  }
}
//-->
</script>

Dupa <body> adaugati urmatorul cod HTML pentru formular:
<form action="#" name="f" onsubmit="return verifica(document.f.ctest)">
<strong>Adaugati cuvinte cheie</strong><br>
(<i><span id="countdown">Folositi maxim 5 cuvinte</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>