js去除輸入框中所有的空格和禁止輸入空格的方法
更新時(shí)間：2014年06月09日 17:24:59 作者：
這篇文章主要介紹當(dāng)輸入框輸入數(shù)值的時(shí)候使用js去除所有的空格和禁止輸入空格的方法,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<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>
復(fù)制代碼 代碼如下:
/**
* 是否去除所有空格
* @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;
}
復(fù)制代碼 代碼如下:
/**
* 空格輸入去除
* @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;
}
復(fù)制代碼 代碼如下:
/**
* 禁止空格輸入
* @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;
}
相關(guān)文章
打印iframe內(nèi)容的方法有很多，下面為大家簡(jiǎn)單介紹下使用JavaScript實(shí)現(xiàn)打印，有需求的朋友可以參考下2013-08-08
這篇文章主要介紹了詳解微信小程序中的頁(yè)面代碼中的模板的封裝的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-10-10
JSQL 基于客戶端的成績(jī)統(tǒng)計(jì)實(shí)現(xiàn)方法
JSQL應(yīng)用案例 基于客戶端的成績(jī)統(tǒng)計(jì)，下面我把整個(gè)example的代碼貼出來(lái)，歡迎拍磚2010-05-05
一個(gè)符號(hào)插入器 中用到的js代碼...2007-09-09
JavaScript 彈出窗體點(diǎn)擊按鈕返回選擇數(shù)據(jù)的實(shí)現(xiàn)
這兩天一直想實(shí)現(xiàn)這個(gè)，以前做做個(gè)Demo，但是不知道跑哪去了。于是今天在網(wǎng)上找了些資料再自己動(dòng)手搞定。廢話不多說(shuō)。直接進(jìn)入主題啦。2010-04-04
js實(shí)現(xiàn)的后臺(tái)左側(cè)管理菜單代碼
這篇文章主要介紹了js實(shí)現(xiàn)的后臺(tái)左側(cè)管理菜單代碼,可實(shí)現(xiàn)美觀大氣的左側(cè)折疊菜單效果,涉及JavaScript基于鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式變換的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09
基于JavaScript實(shí)現(xiàn)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了javascript父子頁(yè)面通訊的實(shí)現(xiàn)方法,實(shí)例分析了javascript針對(duì)父子頁(yè)面通訊的原理與相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面彈出自定義文字效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面彈出自定義文字效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript同源策略和跨域訪問(wèn)實(shí)例詳解
這篇文章主要介紹了JavaScript同源策略和跨域訪問(wèn),結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript同源策略與跨域訪問(wèn)的原理、實(shí)現(xiàn)、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2018-04-04