Validationscript problem

7 svar · 314 visningar · startad av wborg 9 dec. 2003

wborgMedlem sedan dec. 2003209 inlägg

9 dec. 2003 01:44#1

Hej,

Jag håller på med ett validerings script som ska se till att det bara
går att skriva siffror i fälten och så länge jag bara har ett fält så
funkar allt bra. Det jag undrar är hur jag skriver för att få det att
funka på all 18 fält?

Här är scriptet:

<SCRIPT LANGUAGE="javaScript">
function noLetters() {

var tecken = /[a-z\å\ä\ö!\"\#\¤\%\&\/\(\)\=\?\´\`\+\}\{\$\£\@\§\,\.\;\:\'\*\¨\^\~\s]/gi;
var kontroll = document.scorecard.bana1.value.search(tecken);
if(kontroll != -1)
{
alert("Fältet får endast innehålla siffror.");
return false;
}
}

</SCRIPT>

och så här körs scriptet:

<td align="center" bgcolor="#000000"><input type="text" name="bana1" style="text-align: center; font-weight: bold;" onblur="addera(this.form); return noLetters();" size="1" maxlength="1" onkeyup="this.form.bana2.focus()"></td>

Jag prövade att göra så här:

<SCRIPT LANGUAGE="javaScript">
function noLetters() {

var tecken = /[a-z\å\ä\ö!\"\#\¤\%\&\/\(\)\=\?\´\`\+\}\{\$\£\@\§\,\.\;\:\'\*\¨\^\~\s]/gi;
var kontroll = document.scorecard.bana1.value.search(tecken); document.scorecard.bana2.value.search(tecken);
if(kontroll != -1)
{
alert("Fältet får endast innehålla siffror.");
return false;
}
}

</SCRIPT>

men det funkade ju inte såklart :(
någon som vet hur jag ska göra?

Jesper TMedlem sedan nov. 20017 144 inlägg

9 dec. 2003 09:18#2

Om du gör så här kan du skippa det där scriptet.
Allt utom nummeriska värden kommer att ersättas med tom ruta, dock kommer fokus att flyttas till nästa input, men det kanske du kan stå ut med.

<input type="text" name="bana1" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana2.focus()">

wborgMedlem sedan dec. 2003209 inlägg

9 dec. 2003 10:14#3

Nu adderas inte summan i summafältet istället vilket det gjorde
innan den här ändringen.
Dessutom så får inget fält vara tomt när formuläret skickas så
jag antar att jag måste skapa ett script för det istället då?

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function addera(theForm){
var summan = 0;
var color = "black";
for(var i=0; i<18; i++){
summan += (isNaN(parseFloat(theForm.elements[i].value))) ? 0 : parseFloat(theForm.elements[i].value);
}
if (summan<30) color="blue";
else if (summan<36) color="green";
else if (summan<40) color="red";
theForm.summa.style.color=color;
theForm.summa.value = summan;
}
</script>
</head>

<body onLoad="javascript:document.scorecard.bana1.focus()">

<center>
<form method="post" action="" name="scorecard" onSubmit="return noLetters();" ENCTYPE="text/plain">
<table border="0">
  <tr>
    <td><b>Varv <%=Request.QueryString("varv")%></b></td>
  </tr>
    <td>
      <table border="1" style="border-collapse: collapse" bordercolor="#000000" width="90">
        <tr>
          <td align="center" bgcolor="#CCCCCC"><b>1</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>2</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>3</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>4</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>5</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>6</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>7</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>8</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>9</b></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#000000"><input type="text" name="bana1" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana2.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana2" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana3.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana3" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana4.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana4" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana5.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana5" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana6.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana6" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana7.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana7" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana8.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana8" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana9.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana9" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana10.focus()"></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#CCCCCC"><b>10</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>11</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>12</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>13</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>14</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>15</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>16</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>17</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>18</b></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#000000"><input type="text" name="bana10" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana11.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana11" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana12.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana12" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana13.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana13" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana14.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana14" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana15.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana15" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana16.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana16" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana17.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana17" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana18.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana18" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.submit.focus()"></td>
        </tr>
        <tr>
          <td colspan="8" align="right" bgcolor="#CCCCCC"><b>SUMMA:</b>&nbsp;</td>
	      <td bgcolor="red"><input type="text" value="0" style="text-align: center; font-weight: bold; color: blue;" size="1" name="summa<%=Request.QueryString("varv")%>"></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="9" align="right"><input type="submit" value="Regga" name="submit" onclick="">&nbsp;<input type="reset" value="Sudda" name="reset" onclick="this.form.bana1.focus()"></td>
  </tr>
</table>
</form>
</center>
</body>
</html>

Jesper TMedlem sedan nov. 20017 144 inlägg

9 dec. 2003 10:35#4

Du får väl lägga in din ASP-kod också:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function addera(theForm){
var summan = 0;
var color = "black";
for(var i=0; i<18; i++){
summan += (isNaN(parseFloat(theForm.elements[i].value))) ? 0 : parseFloat(theForm.elements[i].value);
}
if (summan<30) color="blue";
else if (summan<36) color="green";
else if (summan<40) color="red";
theForm.summa.style.color=color;
theForm.summa.value = summan;
}
</script>
</head>

<body onLoad="javascript:document.scorecard.bana1.focus()">

<center>
<form method="post" action="" name="scorecard" ENCTYPE="text/plain">
<table border="0">
  <tr>
    <td><b>Varv 12</b></td>
  </tr>
    <td>
      <table border="1" style="border-collapse: collapse" bordercolor="#000000" width="90">
        <tr>
          <td align="center" bgcolor="#CCCCCC"><b>1</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>2</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>3</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>4</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>5</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>6</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>7</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>8</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>9</b></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#000000"><input type="text" name="bana1" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana2.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana2" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana3.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana3" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana4.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana4" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana5.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana5" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana6.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana6" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana7.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana7" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana8.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana8" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana9.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana9" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana10.focus()"></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#CCCCCC"><b>10</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>11</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>12</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>13</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>14</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>15</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>16</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>17</b></td>
	      <td align="center" bgcolor="#CCCCCC"><b>18</b></td>
        </tr>
        <tr>
          <td align="center" bgcolor="#000000"><input type="text" name="bana10" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.bana11.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana11" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana12.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana12" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana13.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana13" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana14.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana14" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana15.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana15" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana16.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana16" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana17.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana17" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');addera(document.scorecard);this.form.bana18.focus()"></td>
	      <td align="center" bgcolor="#000000"><input type="text" name="bana18" style="text-align: center; font-weight: bold;" size="1" maxlength="1" onkeyup="this.value=this.value.replace(/\D/g,'');this.form.submit.focus()"></td>
        </tr>
        <tr>
          <td colspan="8" align="right" bgcolor="#CCCCCC"><b>SUMMA:</b> </td>
	      <td bgcolor="red"><input type="text" value="0" style="text-align: center; font-weight: bold; color: blue;" size="1" name="summa"></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="9" align="right"><input type="submit" value="Regga" name="submit" onclick=""> <input type="reset" value="Sudda" name="reset" onclick="this.form.bana1.focus()"></td>
  </tr>
</table>
</form>
</center>
</body>
</html>

wborgMedlem sedan dec. 2003209 inlägg

9 dec. 2003 14:12#5

Vad menar du nu? vad har ASP koden med formulär valideringen
att göra?

Jesper TMedlem sedan nov. 20017 144 inlägg

9 dec. 2003 16:01#6

Ja, inte mycket kanske men i föregående exempel du limmade in så hade du ASP-kod. Den tog jag bort i den senaste koden jag limmade in. Svårare än så var det inte. :)

wborgMedlem sedan dec. 2003209 inlägg

9 dec. 2003 16:44#7

Jo det märkte jag och la tillbaka den igen och det funkar lika bra
med som utan ASP kod.

Det som jag däremot inte har lyckats fixa till är att om någon har
skrivit i en bokstav eller annat tecken så att det blir tomt i fältet
är att när jag klickar på submit knappen så ska den säga till att
det finns tomma fält och det får det inte göra.

wborgMedlem sedan dec. 2003209 inlägg

9 dec. 2003 16:57#8

Jag löste det till sist :)

så här:

I script taggen la jag till följande function

function verify(theForm){
for(var i=0; i<18; i++){
j=i+1;
if(theForm.elements[i].value ==''){
alert ('Du har inte fyllt i antal slag på bana '+j+'');
theForm.elements[i].focus();
return false;
}
}
}

och i form taggen la jag till:

onsubmit="return verify(document.scorecard)"