我試過一個html程序來檢查空字段的驗證，但它沒有工作？

我試了一個html程序來檢查空字段的驗證，但它沒有工作？請幫我看看我的代碼中有什麼錯誤？的代碼片段如下..我試過一個html程序來檢查空字段的驗證，但它沒有工作？

我試過一個html程序來檢查空領域驗證，但它沒有工作？

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
<style> 
body 
{ 
    padding: 10px; 
    font-family:Calibri; 
    font-size:12pt; 
} 

td 
{ 
    padding:5px; 
} 
input 
{ 
    font-family:Calibri; 
    font-size:12pt; 
} 

span 
{ 
    font-family:Calibri; 
    font-size:9pt; 
    color:red; 
} 

</style>  

    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

    </head> 
    <body> 
    <table> 
<tr> 
    <td>First Name: 
    </td> 
    <td><input type='text' id='txtFName' class="required"/ > 
    </td> 
</tr> 
<tr> 
    <td>Last Name: 
    </td> 
    <td><input type='text' id='txtLName' class="required"/ > 
    </td> 
</tr> 
<tr> 
    <td>Age: 
    </td> 
    <td><input type='text' id='txtAge'/ > 
    </td> 
</tr> 
<tr> 
    <td>Email: 
    </td> 
    <td><input type='text' id='txtEmail' class="required"/ > 
    </td> 
</tr> 
<tr> 
    <td colspan="2" style='text-align:center;'><input type="button" id="btnSubmit" value=" Submit "> 
    </td> 
</tr> 
</table> 

    </body> 

</html> 
    <script> 
$(document).ready(function() { 
    $('#btnSubmit').click(function(e) 
    { 
    alert("hai"); 
     var isValid = true; 
     $('input[type="text"]').each(function() { 
      if ($.trim($(this).val()) == '') { 
       isValid = false; 
       $(this).css({ 
        "border": "1px solid red", 
        "background": "#FFCECE" 
       }); 
      } 
      else { 
       $(this).css({ 
        "border": "", 
        "background": "" 
       }); 
      } 
     }); 
     if (isValid == false) 
      e.preventDefault(); 
     else 
      alert('Thank you for submitting'); 
    }); 
}); 
    </script>

來源

2015-03-31 Anoop

你爲什麼不試試jQuery驗證插件？包括 – mrsrinivas 2015-03-31 04:36:38

在插件之前先添加Jquery庫，檢查這個fiddle。

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

來源

2015-03-31 05:46:37

謝謝..現在它的工作 – Anoop 2015-03-31 05:49:43

將jQuery庫包含在head標籤中並嘗試。

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

來源

2015-03-31 04:35:09 stanze

..但它仍然不工作？ – Anoop 2015-03-31 04:46:20

將您的驗證腳本包含在頁面的底部。 – stanze 2015-03-31 04:50:33

它在和之間嗎？ – Anoop 2015-03-31 04:54:22

-1

Web應用程序框架和工具日益變得更聰明一天，如果Web開發人員社區需要在框架/變化被廣泛接受和普遍的工具，它就會被採納並推出了，並且所有這些現在工具已經變得非常友好，特別是Rails，jQuery等，現在你只需要google你的願望，並且你會發現一些可以插入的最小安裝/配置庫等着你來試試:)

所以在這種情況下，只是谷歌的HTML格式輸入驗證。

來源

2015-03-31 04:42:42

以上是嘗試谷歌的幫助。但我無法解決這個問題..我是一個開始在html – Anoop 2015-03-31 04:51:19

我試過一個html程序來檢查空字段的驗證，但它沒有工作？

回答

相關問題