javascript不工作在php

Question

同時提交我的表單不會驗證。我正在使用提交表單提交，我必須重定向我的頁面。通過使用onclick事件應該驗證..

<td id="main"> 
    <h2>Add Info </h2> 
    <form action="create_info.php" name="f1" method="post"> 
    <p>Info Title: 
     <input type="text" name="menu" value="" id="menu" /> 
    </p> 
    <p>Position: 
     <select name="position"> 
     <?php 
     $info_set = get_all_info(); 
     $info_count = mysql_num_rows($info_set); 
     for($count=1; $count <=$info_count+1; $count++){ 
     echo " <option value=\"{$count}\">{$count}</option>"; 
     } 
     ?> 
     </select> 
    </p> 
    <p>Visible: 
     <input type="radio" name="visible" value="0" />NO 
     <input type="radio" name="visible" value="1" />YES 
    </p> 
    <input type="submit" value="Add" onclick="validateForm()"/> 
    </form> 
    <br> 
    <a href="content.php">Cancel</a> 
</td> 
</tr> 
</table> 
</div> 
<script language="text/java script"> 
    function validateForm() 
    { 
    if(f1.menu.value== "") 
    { 
     alert("name must be filled out"); 
     return false; 
    } 
    } 
</script> 

Answer 1

它沒有驗證，因爲你沒有阻止提交事件。你應該把你的驗證放在onsubmit事件中，當你點擊提交按鈕時它會被觸發。在的jsfiddle

工作代碼：http://jsfiddle.net/FHZKr/

<form action="create_info.php" name="f1" method="post" onsubmit="return validateForm();"> 
    <p>Info Title: 
    <input type="text" name="menu" value="" id="menu" /> 
    </p> 
    <p>Position: 
     <select name="position"> 
     <?php 
     $info_set = get_all_info(); 
     $info_count = mysql_num_rows($info_set); 
     for($count=1; $count <=$info_count+1; $count++){ 
     echo " <option value=\"{$count}\">{$count}</option>"; 
     } 
     ?> 
     </select> 
    </p> 
    <p>Visible: 
    <input type="radio" name="visible" value="0" />NO 
    <input type="radio" name="visible" value="1" />YES 
    </p> 
    <input type="submit" value="Add" /> 
</form> 

的JavaScript

<script type="text/javascript"> 

function validateForm() 
{ 
    if(f1.menu.value== "") 
    { 
     alert("name must be filled out"); 
     return false; 
    } 
    return true; 
} 
</script>