jQuery基本表單驗證問題

Question

在關注在線視頻課程后，我遇到了簡單聯系表格的基本表格驗證問題。

$("form").submit(function (e) {

    e.preventDefault();

    var error = "";

    if ($("#subject").val() == ""); {

    error += "<p>The subject area is required</p>";

    }

    $("#error").html(error);    

});

當我點擊提交時，錯誤消息“主題區域是必需的”，顯示在ID為“錯誤”的div中，這很好但是無論我的表單的主題框中是否有文本，它都會發生問題出在哪里。

我花了一段時間看，但沒有太多運氣。 我知道有一個jQuery插件可能是表單驗證的更好選擇，但是，我仍然是一個新手並且熱衷於讓它工作。

任何幫助將不勝感激！

Answer 1

檢查JQuery自定義驗證代碼

 $(function() { $("#myForm").submit(function(e) { e.preventDefault(); var fname = $('#fname').val(); if(fname.length >= 0) { $("#error").html('<font color="red">First Name is required</font>'); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <form action="" method="POST" id="myForm"> first name <input type="text" name="fname" id="fname" > <span id="error"> </span> <input type="submit" nmae="submit" value="submit"> </form> 

Answer 2

試試這個JQuery驗證碼

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(function() { $("#error").hide(); $("#myForm").submit(function(e) { e.preventDefault(); var fname = $('#fname').val(); if(fname.length == 0) { $("#error").show(); } else { $("#error").hide(); } }); }); </script> 

  <form action="" method="POST" id="myForm"> first name <input type="text" name="fname" id="fname" > <div id="error">First Name is required</div> <input type="submit" name="submit" value="submit"> </form>