我的jQuery驗證錯誤

Question

你好，我在我的jquery驗證錯誤，代碼不做任何事，任何人都可以幫助我嗎？

<script> 

    // When the user submits the form, 
    // Check what answer they picked 
    // And tell them if they're correct 

    // submit 
    $("#form").on("submit", function(event) { 
     event.preventDefault(); 
     var $answer = $("#unit_name"); 
     var answer = $answer.val(); 
     console.log(answer); 
     if (answer === "") { 
      $("#result").text("Preencha corretamente o nome da unidade."); 
     } else if(answer.length < 3) { 
      $("#result").text("O nome da unidade é demasiado pequeno."); 
     } 

    }); 
    </script> 

這是形式的代碼實現

     <div class="pure-u-1"> 
         <h3 align="center">Insert</h3> 
         </div> 




        <div class="form-group"> 
     <label class="control-label" for="unit_name"Name concept:</label> 
     <div class="input-group"> 
      <input class="form-control" placeholder="Insert name" id="unit_name" name="unit_name" type="text" /> 
     </div> 
    </div> 
         <input type="hidden" name="state" value="insert"> 
         <input type="submit" value="Insert"> 
         <br><br> 
        </div> 

      </form> 

這個div將顯示消息給用戶。

Answer 1

首先想到的是我注意到標籤標籤沒有關閉「>」。它不在HTML代碼中，但表單標籤的ID是否爲「form」？

這兩條線變量$回答......和VAR的答案...可以合併到

var answer = $('#unit_name').val(); 

最後，在HTML代碼中，你有一個div（或其他標籤）與一個id = 「結果」？如果是這樣，它隱藏了嗎？如果它是隱藏的，設置完信息後，您需要取消隱藏。