Ikke vise at man skriver til tekstboks ved keypress

hm det er en uheldig fremgangsmåde... dette er bedre

1. fortælle brugeren hvilke tegn der er tilladt
2. hvis brugeren skriver ikke tilladte tegn får han en besked om dette
3. først når alle felter er valide kan brugeren submitte formen

Kig evt. på følgende formular jeg har bygget:
http://privat.tdc.dk/internet/bredbaand/bestil/

Du skal reagere på onkeydown-, onkeypress- eller onkeyup-events og så sortere de ugyldige tagn fra inden de når ind i feltet. event-objektet har et par egenskaber hvorfra du kan læse hvilken taste der er trykket (i form af tal) og den skal du ind og kigge på. Vær dog opmærksom på at du skal checke på en kombination af keyCode og shiftKey, altKey og ctrlKey for at finde ud af hvilket tegn det svarer til...

Ja ok. Men nu er det sådan at det ikke nødvendigvis er med tilladte chars. Bare et eksempel. Bruger det til samlet længde på flere felter.
Det skal bare ikke ses for brugeren at feltet lige bliver skrabet men at han bare ikke kan indtaste flere værdier.

Jeg vil stadig anbefale f.eks. onkeydown-eventet. Du får bare ikke brug for keyCode, men skal i stedet summere længden af en række felter og returnere false hvis længden er nået...

har du evt et eksempel på det?

Jeg kunne forestille mig noget i stil med dette:


<script type="text/javascript">
var MAX_ALLOWED_LENGTH = 300;
function validate(obj) {
  if(obj) {
    var iLen = obj.form.t1.value.length;
    iLen += obj.form.t2.value.length;
    iLen += obj.form.t3.value.length;
    iLen += obj.form.t4.value.length;
    if(iLen > MAX_ALLOWED_LENGTH)
      return false;
  }
  return true;
}
</script>


<form>
  <input type="text" name="t1" onkeydown="validate(this)"><br>
  <input type="text" name="t2" onkeydown="validate(this)"><br>
  <input type="text" name="t3" onkeydown="validate(this)"><br>
  <input type="text" name="t4" onkeydown="validate(this)"><br>
</script>

det ser ikke ud til at den fanger obj.
har prøvet noget i denne stil hvor btn er navnet på den tekstboks der sendes med.

function Keypress2(btn)
            {
           
                if(btn)
                {
                    var len = document.getElementById(btn).value.length;
                    if(len > 10)
                    return false;       
                }
                return true;
            }

hvad er det du gør ved den første if? if(obj)

checker om objektet er defineret, altså om der er noget i objektet...

ok.
Men det funker slet ikke, jeg kan bare blive ved med at skrive tegn.
Intet sker.

Jamen, det går jo ikke... :)

Prøv dette i stedet:

<script type="text/javascript">
var MAX_ALLOWED_LENGTH = 30;
function validate(obj) {
  if(obj) {
    var iLen = obj.form.t1.value.length;
    iLen += obj.form.t2.value.length;
    iLen += obj.form.t3.value.length;
    iLen += obj.form.t4.value.length;
    if(iLen > MAX_ALLOWED_LENGTH)
      return false;
  }
  return true;
}
</script>


<form>
  <input type="text" name="t1" onkeydown="return validate(this)"><br>
  <input type="text" name="t2" onkeydown="return validate(this)"><br>
  <input type="text" name="t3" onkeydown="return validate(this)"><br>
  <input type="text" name="t4" onkeydown="return validate(this)"><br>
</form>

Det virker straks meget bedre.
Tak for hjælpen.

Men hey hvordan får jeg nu slet knappen til at virke?
For jeg kan indtaste det max antal tegn og det er også fint nok.
Men så kan jeg bare ikke slette dem igen, skal jeg nu til at checke på backspace?

Tror det bar return funktionen() der gjorde det.

Ja, return her:

onkeydown="return validate(this)"

ellers har den return fra funktionen ikke megen effekt :)

Ja det er det.

Men altså har stadig problem med backspace.

Ja, i realiteten skal du tillade alle kontroltaster som home, end, pil højre og - venstre, backspace osv. selvom max-længden er nået...

ahh skidt hehe :P
Nåh men det må jeg så lige finde ud af.
Anyways tak for hjælpen.

kan være jeg opretter et andet spørgsmål om lidt.

softspot...Smid lige et svar

Prøv dette (om ikke andet så brug det som udgangspunkt for hvordan du kan checke for kontroltasterne):

<script type="text/javascript">
var MAX_ALLOWED_LENGTH = 30;
function validate(obj) {
  if(obj) {
    var kc = event.keyCode;  // DETTE FUNGERER GIVETVIS KUN IE!!
   
    var iLen = obj.form.t1.value.length;
    iLen += obj.form.t2.value.length;
    iLen += obj.form.t3.value.length;
    iLen += obj.form.t4.value.length;
    if(iLen > MAX_ALLOWED_LENGTH) {
      var allowedCodes = "8,35,36,37,38,39,40,41,42,43,44,45,46";
      if((","+allowedCodes+",").indexOf(kc.toString()) == -1)
        return false;
    }
  }
  return true;
}
</script>


<form>
  <input type="text" name="t1" onkeydown="return validate(this)"><br>
  <input type="text" name="t2" onkeydown="return validate(this)"><br>
  <input type="text" name="t3" onkeydown="return validate(this)"><br>
  <input type="text" name="t4" onkeydown="return validate(this)"><br>
</form>


Det fungerer som indikeret kun i IE, da det aktuelle event vist nok ikke findes på den måde i FF, Mozilla osv. Men det kan være der er en eller anden som kan fortælle dig det...

Tak for point :)

Hvis det skal fungere i FF, så skal du åbenbart reagere på onkeypress i stedet for onkeydown - og det er altså det forslag fra kommentaren 13/10-2005 13:10:44.