2017-10-21 193 views
0

我正在嘗試使用戶單擊Submit按鈕時,它們被重定向到另一個頁面。另外,如果他們嘗試提交而沒有輸入他們的名字,姓氏或電子郵件,它將返回一個錯誤,指出「這是必填字段」。出於某種原因,這兩者都不起作用。單擊提交時沒有任何反應。我相信這是簡單的,但我從來沒有使用過這些腳本,所以我不知道我在找什麼。JavaScript中的必需字段和重定向

下面是代碼:

<form method="post" enctype="multipart/form-data"> 
      <button><input type="submit" value="Submit" onclick="submit();"/></button><br> 
      <label for="fname">First Name:</label> 
      <input type="text" required/><br> 
      <label for="lname">Last Name:</label> 
      <input class="lname" type="text" required/><br> 
      <label for="email">Email:</label> 
      <input class="email" type="text" required/><br> 
      <input type="radio" name="file" value="yes" id="yes" /> 
      <label for="Yes">Yes</label> 
      <input type="radio" name="file" value="no" id="no" /> 
      <label for="No">No</label><br> 
      <p><input type="file" size="30" required></p> 
</form> 

     <script> 
      function submit() { 
       window.location= "http://stackoverflow.com" 
      } 
     </script> 

任何幫助將不勝感激!

回答

0

試試這個:

<form method="post" enctype="multipart/form-data" onsubmit="return validateForm()"> 
     <input type="submit" value="Submit" /><br> 
     <label for="fname">First Name:</label> 
     <input type="text" required /><br> 
     <label for="lname">Last Name:</label> 
     <input class="lname" type="text" required/><br> 
     <label for="email">Email:</label> 
     <input class="email" type="text" required/><br> 
     <input type="radio" name="file" value="yes" id="yes" /> 
     <label for="Yes">Yes</label> 
     <input type="radio" name="file" value="no" id="no" /> 
     <label for="No">No</label><br> 
     <p><input type="file" size="30" required></p> 
</form> 
<script> 
    function validateForm() { 
     window.open("https://www.stackoverflow.com"); 
    } 
</script> 
+0

這做到了!我不得不添加https://以使其鏈接到實際的頁面,但除此之外它完美地工作! – Noah210012

0

快速的方式,因爲它看起來像你不使用ajax。

從提交按鈕中刪除onclick(因此需要標記被忽略)以及JavaScript,並且如果成功,則返回來自服務器的URL重定向302。