JavaScriptの必須フィールドとリダイレクト

Question

ユーザーが[送信]ボタンをクリックすると、別のページにリダイレクトされるようにしようとしています。また、名前、姓、電子メールを入力せずに送信しようとすると、「これは必須フィールドです」というエラーが返されます。何らかの理由で、どちらも機能していません。送信がクリックされても何も起こりません。私はそれが何かシンプルだと確信していますが、私は前にこれらのスクリプトで作業したことがないので、私は何を探しているのかわかりません。ここで

コードは次のとおりです。

<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> 

任意の助けいただければ幸いです！

Answer 1

これを試してみてください。それをやった

<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> 

Answer 2

あなたがAjaxを使用していないように見えます。

送信ボタン（このために必要なタグは無視されています）からonclickを削除し、JavaScriptとともに、サーバーからのURLを伴う302リダイレクトを返します。