Jquery輸入判斷為空格鍵在開發中常用,可避免用戶非意愿地輸入空格,從而影響程序的正常運行。下面是一段示例代碼:
$(document).ready(function(){ $('input').on('keypress', function(e) { if (e.which === 32) { e.preventDefault(); alert("請勿輸入空格!"); } }); });
上面的代碼中,我們使用了jQuery的keypress事件,當用戶在input元素中按下鍵盤時,會觸發該事件。我們通過判斷按下的鍵碼是否為32(即空格鍵)來進行處理。如果用戶按下了空格鍵,我們就調用了preventDefault()方法,用來阻止默認的事件行為,然后彈出“請勿輸入空格!”的提示框。
需要注意的是,這段代碼只是判斷了用戶輸入的第一個字符是否為空格,如果用戶在輸入過程中連續輸入了多個空格,則仍然會被輸入。如果要對連續的空格進行判斷,可以在keyup事件中進行判斷:
$(document).ready(function(){ $('input').on('keyup', function(e) { if ($(this).val().indexOf(' ') != -1) { $(this).val($(this).val().replace(/\s\s+/g, ' ')); alert("請勿輸入連續的空格!"); } }); });
上面的代碼中,我們通過判斷input元素的值(即$(this).val())中是否包含連續的兩個空格來進行處理。如果存在連續的兩個空格,我們就調用了replace()方法,將其中的連續空格替換成一個空格。同時,彈出“請勿輸入連續的空格!”的提示框。
上一篇css怎么去除圖片陰影
下一篇css怎么去除按鈕樣式