Avatar billede pnr Nybegynder
10. august 2009 - 09:47 Der er 7 kommentarer og
1 løsning

maxlength på textarea

Jeg har lavet et lille script der kontrollere maxlength på et textarea (se nedenfor), det kan bare ikke håndtere hvis folk copy/paster ind ved hjælp af at højreklikke. hvordan får jeg det til at håndtere den situation?

script:
function taelTegn() {
            var maxlimit = 200;
            var besked = document.getElementById('beskrivelse');

            var samlet = besked.value.length;

            if (samlet > maxlimit) {
                besked.value = besked.value.substring(0,maxlimit);
            }

         
        }

kontrol:
<textarea  rows="2" cols="20" id="beskrivelse" onKeyDown="taelTegn()"
onKeyUp="taelTegn()"
style="width:424px;
height:145px;
margin-bottom:4px;
background-color:#ddd;
border:none;"></textarea>
Avatar billede showsource Seniormester
10. august 2009 - 10:00 #1
onfocus måske ?
Avatar billede pnr Nybegynder
10. august 2009 - 10:23 #2
Hej og tak for din kommentar!

Onfocus dur ikke da brugeren ikke nødvendigvis behøver at trykke i feltet efter at have indsat indholdet. Jeg har så prøvet med OnUnFocus men det ser ikke ud til at den bliver trigget.
Avatar billede Slettet bruger
10. august 2009 - 10:31 #3
Du kunne prøve onblur evt? Den skulle gerne aktiveres så snart man prøv at submitte formen så vidt jeg ved.
Avatar billede lajer Nybegynder
10. august 2009 - 10:32 #4
Lidt et hack, men du kunne kører din metode kontinuerligt.

setInterval(taelTegn, 100);
Avatar billede pnr Nybegynder
10. august 2009 - 13:01 #5
Tak for jeres kommentare

Det er forsent når formen submittes, så kan brugeren ikke nå at reagerer på det.

Den med interval'et er vist lidt for groft et hack :)
Avatar billede mbm2016 Nybegynder
10. august 2009 - 13:27 #6
Hvad med at sætte det sådan her op(Html Kode):

<html>
    <head>
        <script>
            var maxlimit = 200;       
            function taelTegn()
            {
               
                var besked = document.getElementById('beskrivelse');
                var samlet = besked.value.length;

                if (samlet > maxlimit)
                {
                    besked.value = besked.value.substring(0,maxlimit);
                }
            }
            function checkTegn()
            {
                var besked = document.getElementById('beskrivelse');
                var samlet = besked.value.length;
                if(samlet > maxlimit){return false;}else{return true;}

            }
           
            window.onload = function()
                            {
                                var besked = document.getElementById('beskrivelse');
                                besked.onfocus = taelTegn
                                besked.onclick = taelTegn
                                besked.onkeydown = taelTegn
                                besked.onkeyup = taelTegn
                            }
        </script>
    </head>
   
<body>
    <form action="#" method="POST" onsubmit="if(checkTegn() == false){alert('Der må maks være '+maxlimit+' tegn!');return false;}else{return true;}">
        <textarea rows="2" cols="20" id="beskrivelse" style="width:424px; height:145px; margin-bottom:4px;background-color:#ddd;border:none;"></textarea>
        <input type="submit" value="Send">
    </form>
</body>

</html>
Avatar billede pnr Nybegynder
10. august 2009 - 15:02 #7
OnBlur virkede sørme :)
Roxki smid et svar og mange tak for hjælpen!

Også tak til jer andre
Avatar billede Slettet bruger
10. august 2009 - 18:00 #8
Jamen var da så lidt - glad for jeg kunne hjælpe!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester