js去除輸入框中所有的空格和禁止輸入空格的方法
更新時間：2014年06月09日 17:24:59 作者：
這篇文章主要介紹當輸入框輸入數(shù)值的時候使用js去除所有的空格和禁止輸入空格的方法,需要的朋友可以參考下
復制代碼 代碼如下:
<span style="font-family: Arial, Helvetica, sans-serif;"><input type="password" name="password" id="password" onkeydown="return banInputSapce(event);" onKeyup="return inputSapceTrim(event,this);" /></span>
復制代碼 代碼如下:
/**
* 是否去除所有空格
* @param str
* @param is_global 如果為g或者G去除所有的
* @returns
*/
function Trim(str,is_global)
{
var result;
result = str.replace(/(^\s+)|(\s+$)/g,"");
if(is_global.toLowerCase()=="g")
{
result = result.replace(/\s/g,"");
}
return result;
}
復制代碼 代碼如下:
/**
* 空格輸入去除
* @param e
* @returns {Boolean}
*/
function inputSapceTrim(e,this_temp)
{
this_temp.value = Trim(this_temp.value,"g");
var keynum;
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
if(keynum == 32){
return false;
}
return true;
}
復制代碼 代碼如下:
/**
* 禁止空格輸入
* @param e
* @returns {Boolean}
*/
function banInputSapce(e)
{
var keynum;
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
if(keynum == 32){
return false;
}
return true;
}
相關文章
打印iframe內(nèi)容的方法有很多，下面為大家簡單介紹下使用JavaScript實現(xiàn)打印，有需求的朋友可以參考下2013-08-08
這篇文章主要介紹了詳解微信小程序中的頁面代碼中的模板的封裝的相關資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-10-10
JSQL 基于客戶端的成績統(tǒng)計實現(xiàn)方法
JSQL應用案例 基于客戶端的成績統(tǒng)計，下面我把整個example的代碼貼出來，歡迎拍磚2010-05-05
一個符號插入器 中用到的js代碼...2007-09-09
JavaScript 彈出窗體點擊按鈕返回選擇數(shù)據(jù)的實現(xiàn)
這兩天一直想實現(xiàn)這個，以前做做個Demo，但是不知道跑哪去了。于是今天在網(wǎng)上找了些資料再自己動手搞定。廢話不多說。直接進入主題啦。2010-04-04
這篇文章主要介紹了js實現(xiàn)的后臺左側管理菜單代碼,可實現(xiàn)美觀大氣的左側折疊菜單效果,涉及JavaScript基于鼠標事件動態(tài)操作頁面元素樣式變換的技巧,非常具有實用價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了javascript父子頁面通訊的實現(xiàn)方法,實例分析了javascript針對父子頁面通訊的原理與相關實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)鼠標點擊頁面彈出自定義文字效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了JavaScript同源策略和跨域訪問,結合實例形式較為詳細的分析了javascript同源策略與跨域訪問的原理、實現(xiàn)、使用方法及相關注意事項,需要的朋友可以參考下2018-04-04