檢查空輸入不工作

-2

我想檢查輸入是否爲空與jQuery和代碼不起作用。檢查空輸入不工作

這是代碼：

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
     <script src="demo.js"></script> 
    </head> 

    <body> 
     <form> 
      <input type="text" id="name"> 
      <input type="submit" id="btnConnect"> 
     </form> 
    </body> 
</html>

$('#btnConnect').click(function() 
{ 
    if($('#name').val() == '') 
    { 
     alert('Input is empty!'); 
    } 
});

來源

2016-11-02 Asez

檢查undefined – Geeky

當我運行你的代碼時，我得到一個警告「輸入是空的」，沒有填寫輸入。 –

將代碼包裝在$（document）.ready（function（）{}）中;它的工作原理是 – Geeky

你的問題有兩個簡單的解決方案。基本上，您在加載頁面的其餘部分之前調用腳本。您的腳本嘗試附加到尚未存在的#btnConnect。

1）。使用document.ready或window.onload。腳本只會在整個頁面加載後執行，所以它應該按照您的意思工作。 2）。2）。將JS文件放在文檔的底部，就在關閉body標籤之前。大多數程序員選擇將scripts放在頁面的底部，因爲如果您有較大的腳本，用戶會看到一個空白頁面，直到它們加載。它工作的很好，因爲大部分時間JS在用戶開始與網站交互之前不需要。它也支持漸進渲染。

更多好的JS的做法，請上網：

JSTheRightWay.org

希望這有助於！

來源

2016-11-03 01:32:39 Zackh105

檢查空輸入不工作

回答

相關問題