begrænse antal tegn i textboks

maxlenght="20" mener jeg :D

http://www.cs.tut.fi/~jkorpela/HTML3.2/5.32.html <- kig der eventuelt :)

ahhh... min fejl... det er i:

<textarea name="besked">Skriv din besked her</textarea>

det skulle bruges... der holder maxlength vist ikke ??

Nej det har du ret i ;)

Hvad med sådan noget her:
<script language="javascript" type="text/javascript">
<!--
function imposeMaxLength(Object, MaxLen)
{
  return (Object.value.length <= MaxLen);
}
-->
</script>

Implementation:
<textarea name="myName" onkeypress="return imposeMaxLength(this, 15);" ><textarea>

C/P fra en random side. ;)

((( denne her kunne måske tilretter, men det er sikkert overkill medmindre det i virkeligheden er noget mere avanceret end max længde du har behov for... Altså f.eks. en tekst ud for ens link / nick eller andet - og boxen må så ikke brydes... Dog er det jo kun vejledende da alt javascript kan omgåes ... her er scriptet http://www.eksperten.dk/spm/716410 )))

- Dog er Fjappe's sikkert nok til dit behov - hvis der ikke skal være validering på den grafiske fremvisning af teksten brugeren indskriver når den kommer frem i meddellelsesboxen (f.eks. en lang linje med ene aaaaaaaaa'er eller andet ) ...

M.h.t. til fjappe's kan den omgåes ved at kopiere teksten ind...

Alternativt eksempel:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type"

content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

</style>

<script type="text/javascript">
var maxob={};

function maxl(o,l){
  if(o.value.length>l)o.value=maxob[o].val;
}

function maxo(o,l){
  if(o.value.length<(l+1))maxob[o]={val:o.value};
}

</script>

</head><body>


Implementation:
<textarea name="myName" onkeypress="maxo(this,15);"

onkeyup="maxl(this,15);"></textarea>
</body></html>

ombrudt :/


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

</style>

<script type="text/javascript">
var maxob={};

function maxl(o,l){
  if(o.value.length>l)o.value=maxob[o].val;
}

function maxo(o,l){
  if(o.value.length<(l+1))maxob[o]={val:o.value};
}

</script>

</head><body>

<textarea name="navn" onkeypress="maxo(this,15);" onkeyup="maxl(this,15);"></textarea>
</body></html>

lidt hurtig lavet validering - den bør være ok ... næsten medmindre man indsætter med musen eller andet så evt. skal det være (højst sandsynligvis=:

<textarea name="navn" onkeypress="maxo(this,15);" onkeyup="maxl(this,15);" onchange="maxl(this,15);"></textarea>

og måske en alert til brugeren også:

function maxl(o,l){
  if(o.value.length>l){
    o.value=maxob[o].val;
    alert("Din tekst var for lang.\nDen må max være på: "+l+" tegn.");
  }
}

(rettelser har jeg ikke lige testet).... men stadig
serverside validering er nødvendig da det let kan omgåes...

Du kan os lave det med en tæller på som det her:

<script type="text/javascript">

function getObject(obj) {
  var theObj;
  if(document.all) {
    if(typeof obj=="string") {
      return document.all(obj);
    } else {
      return obj.style;
    }
  }
  if(document.getElementById) {
    if(typeof obj=="string") {
      return document.getElementById(obj);
    } else {
      return obj.style;
    }
  }
  return null;
}

function Contar(entrada,salida,texto,caracteres) {
  var entradaObj=getObject(entrada);
  var salidaObj=getObject(salida);
  var longitud=caracteres - entradaObj.value.length;
  if(longitud <= 0) {
    longitud=0;
    texto='<span class="disable"> '+texto+' </span>';
    entradaObj.value=entradaObj.value.substr(0,caracteres);
  }
  salidaObj.innerHTML = texto.replace("{CHAR}",longitud);
}

</script>

<form action="test" method="post">
<INPUT TYPE="TEXT" class="text" id="eBann" name="bruger" maxlength="20" size="21" onKeyUp="Contar('eBann','sBann','{CHAR}',20);"><span id="sBann" class="minitext"></span></td>
</form>

mlemens: i din kan man også bare copy/paste ind... der skal du bare kopiere det hele i éen omgang... kan man ikke lave:

<script type="text/javascript">
var maxob={};

function maxl(o,l){
  if(o.value.length>l)o.value=maxob[o].val.subString(0,15);
}

function maxo(o,l){
  if(o.value.length<(l+1))maxob[o]={val:o.value};
}

</script>

man kan godt se jeg er vant til alm java... hvad mon subString() hedder i javascript ??

^ -> substr(0,15) ... Joh, vi kan nok lave det en tand mere simpelt :D


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta

http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function maxl(o,l){
  if(o.value.length>l)o.value=o.value.substr(0,15);
}
</script>

</head><body>

<textarea name="navn" onkeyup="maxl(this,15);" onchange="maxl(this,15);"></textarea>
</body></html>


[ mlemens: i din kan man også bare copy/paste ind... ]
Det tog jeg lidt hensyn til i 05/08-2006
01:27:49 ved at lægge en onchange på også ...

- i den første brugte jeg istedet et object til at holde styr ved
copy / paste med tasturet (ctrl+v) - men jeg udvidede den så med
onchange'n da der joh er så mange måde at kopiere ind på...

ok, tak for hjælpen... smider du et svar mclemens ?

Ok, kommer her :o)

Tak for point :)