Avatar billede babyworm Nybegynder
02. juni 2005 - 18:40 Der er 3 kommentarer og
1 løsning

Max-tegn i textarea

Hejsa,

Jeg vil gerne have at når man kontrollere at checkboxen er hakket af, at den også kontrollerer at det indtastede i textarea feltet ikke overskrider grænsen på de 150 tegn. Hvordan gør man det ?



<h1>Send SMS</h1>

<script type="text/javascript">
<!--
function validering()
  {
  error = 0;
  if(!(document.forms[0].condition.checked) && (error==0)) 
  {       
    alert('Du skal acceptere betingelserne!');
    document.forms[0].condition.focus();
    error = 1;       
  }           

  if(error == 0)
  document.forms[0].submit();   
  }
-->
</script>

<%
cmd = Request.Querystring("cmd")

If cmd = "send" Then
    Response.Write("Så er beskeden sendt... (virker ikke endnu) :]")
Else
%>

<form method="post" onsubmit="validering();return false;" action="/client/client.asp?pid=20&cmd=send">

Indtast din besked <b>nøjagtigt</b> som den skal formidles...<br />
<textarea cols="50" rows="5" name="sms"></textarea><br />
<div style="text-align:right;padding-right:20px;padding-top:5px;">(Max 150 tegn)</div><br /><br />


<br /><br /><br />
Vælg afsender... (Som vises i modtagerens display)<br />
<select name="year">
<option value="1">Companyprofile 1</option>
<option value="1">Companyprofile 2</option>
</select>

<br /><br /><br />
Betingelser:asdas asd asd
<input type="checkbox" name="condition" style="margin:0px;" /> Jeg forstår og accepterer ovenstående betingelser.
<br /><br />
<div style="text-align:center;">
<input type="submit" class="button" value="Send SMS besked" />
</div>
</form>
<%
End if
%>
Avatar billede cyberdude Nybegynder
02. juni 2005 - 20:51 #1
Sæt følgende kode i <head> sektionen på din side hvor counteren skal være
<script type="text/javascript">
function countChars(fPath)
{
    var maxChars = 150;
    var tekst = fPath.tekst.value;
    charsLeft = maxChars-(tekst.length);
    fPath.cLeft.value = charsLeft;
    backhit = 0;
    if (charsLeft == 0 || charsLeft < 0) { return false; }
    else { return true; }

</script>

Dit textarea skal se sådant her ud (ret SELV "name" værdien til!)

<textarea onkeypress="return countChars(this.form)" onkeyup="return countChars(this.form)" name="tekst" rows="4" cols="22" onchange="return countChars(this.form)" wrap="physical"></textarea>

Samt et "input" felt hvor der står "antal resterende karaktere" (eller hvad du nu vil have til at stå der...
<input type="text" name="cLeft" value="150" size="24" maxlength="3">

Så skulle det funge

Du kan se et virkende eksempel her :
www.team-ila.dk
klik dig ind på "tegnevæg" og klik så på linket (mal på tegnevæg) øverest på inholdssiden
Avatar billede jokkejensen Novice
02. juni 2005 - 20:53 #2
<script language="JavaScript" type="text/javascript">
// Script made by Mario Soto <mario_s <email protected>>


var oldtext=""; //Sets up a variable for a control string. All chars > max_length are deleted
var max_lenght=254; //Max lenght of the string
function h_sizetest(){ //Function that tests the max lenght on a string and don't allow
                      //more chars of the defined at 'max_length' var
var textareastring=textareainput.value; //Loads the string onto a variable
if(textareastring.length <= max_lenght){ //If can input more chars
  oldtext=textareastring; //Reset the variable with the new value
}else{ //If the textarea is full (no more chars allowed)
  textareainput.value=oldtext; //Reset the value on the textarea
  alert("The string maxium size is: "+max_lenght+" chars"); //Alerts the user for an invalid action
} //end if
} //end h_sizetest()
</script>
Avatar billede babyworm Nybegynder
02. juni 2005 - 22:16 #3
Cyberdude: Jeg får en JavaScript fejl ved den...
Avatar billede babyworm Nybegynder
02. juni 2005 - 22:39 #4
Jeg rettede det selv lige til ;)

Til andre..:

<html>
<head>
<script type="text/javascript">
function countChars(fPath)
{
    var maxChars = 150;
    var msg = fPath.mgs.value;
    charsLeft = maxChars-(msg.length);
    fPath.cLeft.value = charsLeft;
    backhit = 0;
    if (charsLeft == 0 || charsLeft < 0) { return false; }
    else { return true; }
}
</script>
</head>

<body>
<form>
<textarea onkeypress="return countChars(this.form)" onkeyup="return countChars(this.form)" name="mgs" rows="4" cols="22" onchange="return countChars(this.form)" wrap="physical"></textarea>

<br /><br />
<input type="text" name="cLeft" value="150" size="1" maxlength="3">
</form>
</body>
</html>
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