Kolla om input-fält innehåller ett numeriskt och ett postivt värde.

13 svar · 346 visningar · startad av trexter 16 mars 2003

trexterMedlem sedan mars 20021 889 inlägg

Frågan16 mars 2003 12:50#1

<script LANGUAGE="JScript"><!--

 function AbortEntry(sMsg, eSrc)
 {
  window.alert(sMsg);
  // set focus and highlight to the offending error
  eSrc.focus();
  //eSrc.select();
 }

 function HandleError(eSrc)
 {
  // make sure the input is a numeric value
  var val = parseInt(eSrc.value);
  if (isNaN(val))
  {
   return AbortEntry("Must be a number.", eSrc);
  }

  // make sure the value is not negative
  if (val <= 0) 
  {
   return AbortEntry("Please type a positive number", eSrc);
  }
 }

//-->
</script>

<input type="text" size="1" name="intQuantity" value="1" onChange="HandleError(this)"> st

Så här ser min kod ut. Om man sätter värdet till t.ex. -2 och
sedan klickar submit så får jag upp en alert-ruta... precis som jag
vill ha det. Men om jag sedan klickar på submit-rutan igen så
händer ingenting... inte alls som jag vill ha det. ;)

Hur ska jag fixa detta?

Peter SMedlem sedan dec. 20025 483 inlägg

16 mars 2003 13:18#2

Du kanske skulle kunna göra så här:

<head>
<script type="text/javascript">
<!--

function HandleError( o ){
	var elm = o.elements[ "intQuantity" ];

	if( isNaN( parseInt( elm.value ) ) ){
		alert( "Must be a number." );
		elm.focus();
		return false;
	}
	else if( parseInt( elm.value ) <= 0 ){
		alert( "Please type a number greater than zero." );
		elm.focus();
		return false;
	}
};

//-->
</script>
</head>

<form onsubmit="return HandleError(this)">

<input type="text" size="1" name="intQuantity" value="1">

<input type="submit">

</form>

trexterMedlem sedan mars 20021 889 inlägg

16 mars 2003 13:26#3

thx :)

trexterMedlem sedan mars 20021 889 inlägg

16 mars 2003 13:42#4

Jag skulle vilja använda detta scriptet på ett annat formulär också men det fungerar inte riktigt.

I det forumläret finns det flera (ett obestämt antal) fält som alla heter "intQuantity".

Jag vill inte att Något av fälten ska få innehålla otillåtna värden.

Nu får jag en alert-ruta om jag skriver in felaktiga värden och sedan postas forumläret. Scriptet kollar alltså bra ett av fälten.

Kan man på något sätt loopa genom alla fält med namnet "intQuantity" och kolla samtliga värden?

Peter SMedlem sedan dec. 20025 483 inlägg

16 mars 2003 13:49#5

Självklart:

...
<script type="text/javascript">
<!--

function HandleError( o ){
	var elm = o.elements[ "intQuantity" ];

	for( var i=0; i < elm.length; i++ ){
		if( isNaN( parseInt( elm[ i ].value ) ) ){
			alert( "Must be a number." );
			elm[ i ].focus();
			return false;
		}
		else if( parseInt( elm[ i ].value ) <= 0 ){
			alert( "Please type a number greater than zero." );
			elm[ i ].focus();
			return false;
		}
	}
};

//-->
</script>
...

trexterMedlem sedan mars 20021 889 inlägg

16 mars 2003 13:56#6

Exakt som jag ville ha det!
Tack så väldeligans!

:birp :bire

Peter SMedlem sedan dec. 20025 483 inlägg

16 mars 2003 14:04#7

:bire

trexterMedlem sedan mars 20021 889 inlägg

16 mars 2003 15:45#8

Hmm... en sak bara. Om jag skriver "a32" så säger in scriptet ifrån.

dectgapMedlem sedan sep. 20021 655 inlägg

16 mars 2003 16:16#9

Det är för att du i kontrollen (enligt scriptet som Peter skrev) kör parseInt() på värdet, och då kommer värdet "a32" att ge "32", som helt riktigt är ett tal.

Testa att ändra följande rad

if( isNaN( parseInt( elm[ i ].value ) ) ){

till

if( isNaN( elm[ i ].value ) ){

trexterMedlem sedan mars 20021 889 inlägg

16 mars 2003 16:43#10

fel: i är odefinierad.

Peter SMedlem sedan dec. 20025 483 inlägg

16 mars 2003 17:45#11

parseInt( "a32" ) kommer inte att ge värdet 32, utan NaN, så skriptet skall fungera ( om du använder fler än ett "input"-element med namnet "intQuantity" d.v.s. Annars får du använda den första versionen jag postade ).

Fast å andra sidan är parseInt() onödig att ha med, så du kan gott och väl använda använda dectgaps förslag.

dectgapMedlem sedan sep. 20021 655 inlägg

16 mars 2003 23:09#12

Sorry, jag hade visst lite fel.
Dock ger parseInt('32a') svaret 32, som alltså är ett tal, och om jag har förstått det hela rätt ska man bara få skriva tal i rutan.

Har du fortfarande problem att få det hela att fungera, trexter? Tänk på att du måste ha flera fält som heter "intQuantity", annars kommer scriptet inte att fungera.

trexterMedlem sedan mars 20021 889 inlägg

17 mars 2003 15:01#13

Hmm... nu fungerar inte någonting längre. Kan jag få koden för:
a) Kolla igenom Flera fält och Inte tillåta "4m".
b) Kolla igenom Ett fält och Inte tillåta "4m".

Peter SMedlem sedan dec. 20025 483 inlägg

17 mars 2003 15:26#14

Detta fungerar oavsett antalet fält:

function HandleError( o ){
	var elm = o.elements[ "intQuantity" ];

	if( typeof( elm.length ) == "number" ){
		for( var i=0; i < elm.length; i++ ){
			if( isNaN( elm[ i ].value ) ){
				alert( "Must be a number." );
				elm[ i ].focus();
				return false;
			}
			else if( parseInt( elm[ i ].value ) <= 0 ){
				alert( "Please type a positive number greater than zero." );
				elm[ i ].focus();
				return false;
			}
		}
	} else {
		if( isNaN( elm.value ) ){
			alert( "Must be a number." );
			elm.focus();
			return false;
		}
		else if( parseInt( elm.value ) <= 0 ){
			alert( "Please type a number greater than zero." );
			elm.focus();
			return false;			
		}
	}
};

//-->
</script>