防止Jquery表單上的頁面加載提交無顯示按鈕我有一個MSDOS終端風格的聊天機器人。用戶輸入他們的響應，然后點擊進入。我發現當我用“display：none;”標記按鈕時 它導致頁面在幾個瀏覽器上重新加載（我的Windows Chrome瀏覽器不會重新加載。不知道為什么）。如何隱藏按鈕，表單和代碼是否正常運行？我寧愿不使用“position：absolute;” 將其發送出屏幕。HTML：<div id="bot"><form><input id="user-response" type="text" placeholder="" autocomplete="off" autofocus /><button id="user-submit" type="submit">Send</button></form></div>JAVASCRIPT：$('#bot').on('click', '#user-submit', function(e) {e.preventDefault();message = $('#user-response').val();message = message.toLowerCase();sendUserResponse();getBotResponse(message);});我嘗試了各種類型的返回：false;，event.preventDefault（）;等等，但只要我不應用display：none; 造型到按鈕。我也把它改成輸入并輸入=“button”/ type =“submit”但是再次顯示：none; 在點擊“輸入”時會導致頁面重新加載。我已經在頁面重新加載onclick查詢ajax等上閱讀了大約20個不同的問題......它們似乎都沒有解決這個問題。編輯：使用下面的兩個建議檢查按鍵“Enter”以提交表單，但它們繼續相同的失敗模式。如果提交按鈕的樣式為display：none，則表單會重新加載頁面; 當按鈕顯示時，以下方法有效。將檢查可能導致提交和重新加載的返回值的代碼。目前：具有可見按鈕的頁面 - 適用于任何方法。顯示頁面：無按鈕 - 導致在所有給定方法下重新加載。還要提一下，Windows 7的Chrome 49.0.2623.87上沒有頁面重新加載，但是在所有OS X瀏覽器和某些Windows瀏覽器上都有。編輯2錯誤：顯示：無; 按鈕導致頁面重新加載。在OS X瀏覽器和某些Windows上顯而易見。解決方案：切換到完整的Ajax非表單，應解決任何問題。將工作時的Ajax解決方案放在一起。下面的正確答案是建議Ajax。Bug已提交給Chrome Dev，可能會在以后的其他瀏覽器中提交。