JavaScript 和 PHP 用於 onclick 事件

Question

提交我的表格時不會驗證。 我正在使用 submit 提交表單，我必須重定向我的頁面。 通過使用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>