表單驗證

<script type="text/javascript"> 

//<![CDATA[ 

function verifyForm() 

{ 

    if(document.forms[0].age.value < 18 || >30) 

    { 
     alert(" The age input is not valid."); 
     return false; 
    } 

    alert("Form is valid"); 
    return true; 

} 

//]]> 

</script> 

</head> 

<body> 

Enter the following information. Fields denoted with a * are required. 

<form action="" method="post" name="aform"> 

<table> 

<tr><td>Enter first name</td><td><input type="text" name="first" /></td></tr> 
<tr><td>Enter last name</td><td><input type="text" name="last" />*</td></tr> 
<tr><td>Enter your age</td><td><input type="text" name="age" size="5" />*</td></tr> 
<tr><td>Enter your sex</td><td><input type="text" name="sex" size="2" />*</td></tr> 
<tr><td>Enter your favorite color</td><td><input type="text" name="color" /></td></tr> 

<tr><td><input type="button" value="Submit" onclick="verify();" /></td></tr> 

</table></form>

我試圖驗證這些表單，但每當我點擊按鈕來驗證它們什麼都沒有發生。你能幫我解釋爲什麼什麼事情都沒有發生？表單驗證

來源

2012-05-04 jonathan miller

'document.forms [0] .age.value < 18 || > 30' ---你從哪裏找到這樣的語法？你剛剛寫到「你的年齡值小於18歲或超過30歲」？ – zerkms

實際上，這說的是「意想不到的標記」效果「 – rjz

你用什麼瀏覽器測試？大多數（所有？）瀏覽器這些天都有一個JavaScript控制檯，這將幫助您調試您的問題。這是開發javascript時非常寶貴的工具。 – David

它可能不工作，因爲你的函數被調用verifyForm()但你的按鈕有onclick="verify();"

應該onclick="verifyForm();"

的Javascript控制檯在Chrome：
在Chrome中，如果你點擊wrench > tools > Javascript console的JavaScript控制檯將彈出在瀏覽器窗口的底部。如果您選擇'控制檯'選項卡，則應該會收到警告和錯誤消息，說明javascript何時遇到問題。

來源

2012-05-04 03:23:08 David

我試過，但同樣的事情發生 –

這絕對是你的問題之一。 @zerkms是另一個。您可能有更多，並在JavaScript控制檯將幫助您找到那些。 – David

回答

相關問題