webForumDet fria alternativet

Tecken kvar-kollare för två <input>

2 svar · 332 visningar · startad av wally_91

wally_91Medlem sedan feb. 2006511 inlägg
#1

Jag använder jojoxxx.net's javascript för att visa hur många tecken man har kvar. På den andra funkar det men på den första <input>-taggen funkar det inte.

Så här ser min kod ut.

<tr>
<td>Rubrik (istället för länk (max 30 tecken <input type="text" name="display-rubrik" size="4" value="30 kvar" disabled="disabled" onfocus="this.blur();">)):</td>
<td><input type="text" name="rubrik" size="30" value="" onkeyup="checkLength(this,this.form.display-rubrik,30);" onkeypress="checkLength(this,this.form.display-rubrik,30);"></td>
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
   får användas fritt så länge som dessa rader står kvar. */

function checkLength(obj,dispobj,mlength){
	if(obj.value.length>mlength){
		obj.value = obj.value.substr(0,mlength);
		alert('Detta fält får maximalt innehålla '+mlength+' tecken.');
		obj.focus();
	}
	dispobj.value=mlength-obj.value.length;
}
</script>
</tr> 

<tr>
<td>Beskrivning (högst 60 tecken, <input type="text" name="display" size="4" value="60 kvar" disabled="disabled" onfocus="this.blur();">):</td>
<td>
<input type="text" name="beskrivning" value="" onkeyup="checkLength(this,this.form.display,60);" onkeypress="checkLength(this,this.form.display,60);" ></td>
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
   får användas fritt så länge som dessa rader står kvar. */

function checkLength(obj,dispobj,mlength){
	if(obj.value.length>mlength){
		obj.value = obj.value.substr(0,mlength);
		alert('Detta fält får maximalt innehålla '+mlength+' tecken.');
		obj.focus();
	}
	dispobj.value=mlength-obj.value.length;
}
</script>

</tr>

Källa: http://www.jojoxx.net/jscript/archive/show.asp?id=22

Tack på förhand, och trevlig kväll eller natt eller vad det nu är...

EDIT: Felet är att i den första (display-rubrik) ändras inte tecken som de gör i den andra.

Peter SMedlem sedan dec. 20025 483 inlägg
#2

I JS kan du inte referera till objektnamn som innehåller '-' på det viset. I stället får du skriva

this.form.elements['display-rubrik']
wally_91Medlem sedan feb. 2006511 inlägg
#3

Peter S: Okej, men jag valde att ta bort '-' istället.

119 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
117 ms — hämta tråd, inlägg och bilagor (db)