JavaScript検証フォーム/動作していません

Question

ここで絶対初心者です - 私は先週Javascriptでコーディングを始めたばかりで、この検証はうまくいかないようです！おかげですべてのあなたの良いアドバイスを事前に

<script type="text/javascript"> 
      //Registration Form Validation 
       function validate(){ 

      var firstName=document.getElementById("name").value; 
      var maleUser = document.getElementById("maleButton").checked; 


      if(firstName=="" || firstName==" "){ 
       alert("Please enter your first name: "); 

        return false; 
      } 

else if(maleUser==false){ 
       alert("Please select your gender: "); 

      }else{ 

       return true; window.location.href="Search/index.htm"; 

      </script> 

    <!-- Reg Form needing validation --> 
      <h1>Registration Form</h1> 
       <p> 
       <div class=form_settings> 
       <form name="RegForm" onsubmit="return(validate());" > 
     First name: <input type="text" name="first_name" id="name" placeholder="Enter your First name" size="35"/> 
     <br> 
     Gender: 
     <input type="radio" name="male" id="maleButton" value="male"> Male 
     <br> 
     </p> 
        </form> 

Answer 1

を入力：https://jsfiddle.net/logual/ba5f7tkw/

window.location.hrefを使用してフォームを送信しないでください。 action属性をurlと送信ボタンをフォームに追加します。

Answer 2

-Sは、私はあなたのコードを実行し、ライン上

Uncaught SyntaxError: Unexpected end of input

を得た20

あなたは逃しているあなたの他の後に}

else{ 

      return true; window.location.href="Search/index.htm"; 

Protip：あなたがここに完全な結果を見ることができます

function trim(str) { 

    return str.replace(/^\s+|\s+$/g,""); 
} 

function validate(){ 

    var firstName = document.getElementById("name").value; 
    var maleUser = document.getElementById("maleButton").checked; 

    if (trim(firstName) === ''){ 

    alert("Please enter your first name: "); 

    return false; 
    } 
    else if(maleUser == false){ 

    alert("Please select your gender: "); 

    return false; 
    } 
    else{ 

    //window.location.href="Search/index.htm"; 
    return true; 
    } 
} 

：

<h1>Registration Form</h1> 
<div class="form_settings"> 
    <form name="RegForm" action="search/index.htm"> 
    First name: 
    <input type="text" name="first_name" id="name" placeholder="Enter your First name" size="35"/> 
    <br> 
    Gender: 
    <input type="radio" name="male" id="maleButton" value="male"> Male 
    <br> 
    <input type="submit" value="submit" onclick="return(validate());"> 
    </form> 
</div> 

は、この更新されたJavaScriptコードを追加します。あなたのHTMLコードを修正してくださいクロームに実行し、CTRL-SHIFT-J