2012-08-03 66 views
1

嘿傢伙沒有在年齡上完成java,發現我失去了大部分我學到的東西。表單數據無法驗證

試圖檢查個人最佳已sellected和值是1000

中1得到了拉我的頭髮,並希望你們能告訴我在哪裏,我錯了,所以我可以然後編碼其它值我。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<meta content="en-gb" http-equiv="Content-Language" /> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Untitled 1</title> 
<style type="text/css"> 
.auto-style1 { 
    width: 84%; 
    height: 156px; 
} 
.auto-style3 { 
    width: 286px; 
} 
.auto-style4 { 
    width: 151px; 
} 
.auto-style5 { 
    width: 123px; 
} 
</style> 
<script type='text/javascript'> 
function valueNumeric(){ 
var valueResult 
var valuetaId=document.forms["myForm"]["Value"].value; 
    var numericExpression = /^[0-9]+$/; 
    if(valuetaId.match(numericExpression)) 
     { 
     valuetaId = parseFloat(valuetaId) 
     if((valuetaId >= 1) ||(valuetaId <= 1000)) 
      { 
      valueResult = ("Valid"); 
      document.getElementById("vl").innerHTML=valueResult;   } 
     else 
      { 
      valueResult = ("Please enter calue between 1 and 1000"); 
      document.getElementById("vl").innerHTML=valueResult; 
      } 
    }else{ 
     valueResult = ("Please enter calue between 1 and 1000"); 
     document.getElementById("vl").innerHTML=valueResult; 
    } 
} 
function personalbest(selection) 
{ 
var rundataResult; 
var rundataId=document.forms["myForm"]["personalbest"].value; 
    if(rundataId == "Please Choose") 
    { 
    rundataResult = ("Please choose a value."); 
    document.getElementById("pb").innerHTML=rundataResult; 
    } 
else{ 
    rundataResult = ("valid"); 
    document.getElementById("pb").innerHTML=rundataResult; 
    } 
} 
</script> 
</head> 

<body> 

<form name="myForm" action="" method="post"> 
    <br /> 
    <table class="auto-style1"> 
     <tr> 
      <td class="auto-style4">Value 1 to 1000</td> 
      <td class="auto-style5"><input name="Value" type="text" onblur="valueNumeric" /></td> 
      <td class="auto-style3"> 
      <p id="vl">Please enter calue between 1 and 1000</p> 
      </td> 
     </tr> 
     <tr> 
      <td class="auto-style4">Date YY-MM-DD</td> 
      <td class="auto-style5"><input name="Date" type="text" /></td> 
      <td class="auto-style3"> 
      <p>Please enter a date.</p> 
      </td> 
     </tr> 
     <tr> 
      <td class="auto-style4">Time HH-MM-SS</td> 
      <td class="auto-style5"><input name="Timme" type="text" /></td> 
      <td class="auto-style3"> 
      <p>Please enter your time.</p> 
      </td> 
     </tr> 
     <tr> 
      <td class="auto-style4">Grade % i.e. 74.56</td> 
      <td class="auto-style5"><input name="Grade" type="text" /></td> 
      <td class="auto-style3"> 
      <p style="width: 394px">Pease enter your grade as a % with 2 decimal 
      places</p> 
      </td> 
     </tr> 
     <tr> 
      <td class="auto-style4">Personal Best</td> 
      <td class="auto-style5"><select name="personalbest" onchange="personalbest('selection')"> 
      <option selected="selected">Please Choose</option> 
      <option value="1">Yes</option> 
      <option value="0">No</option> 
      </select></td> 
      <td class="auto-style3"> 
      <p id="pb">Please choose a value.</p> 
      </td> 
     </tr> 
    </table> 
</form> 

</body> 

</html> 
+2

java!= javascript – Hamish 2012-08-03 01:26:34

回答

1

你沒有打電話給valueNumeric使用onblur="valueNumeric()"稱之爲注意到()

而且if((valuetaId >= 1) ||(valuetaId <= 1000))將評估真正爲任意值,使用if((valuetaId >= 1) && (valuetaId <= 1000))範圍爲1至1000之間

也有一個與personalbest衝突的元素名稱和功能,請將函數名稱更改爲personalBest

FIDDLE