js去除输入框中所有的空格和禁止输入空格的方法

 更新时间:2014年06月09日 17:24:59   作者:  
这篇文章主要介绍当输入框输入数值的时候使用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;
}

相关文章

  • 带大家了解一下JavaScript常见的五个内存错误

    带大家了解一下JavaScript常见的五个内存错误

    这篇文章主要为大家介绍了JavaScript常见的五个内存错误,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • layer弹窗在键盘按回车将反复刷新的实现方法

    layer弹窗在键盘按回车将反复刷新的实现方法

    今天小编就为大家分享一篇layer弹窗在键盘按回车将反复刷新的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS请求servlet功能示例

    JS请求servlet功能示例

    这篇文章主要介绍了JS请求servlet功能,结合具体实例形式分析了javascript使用ajax请求servlet端响应的主要功能代码与相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • js实现上传图片到服务器

    js实现上传图片到服务器

    这篇文章主要为大家详细介绍了js实现上传图片到服务器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • Javascript判断对象是否相等实现代码

    Javascript判断对象是否相等实现代码

    想判断2个js对象,是不是所有完全相同在表单页面应用是很常见的,接下来分享一段判断代码,感兴趣的你可以参考下哈,希望可以帮助到你
    2013-03-03
  • javascript-简单的计算器实现步骤分解(附图)

    javascript-简单的计算器实现步骤分解(附图)

    输入内容的判断,对于事件对象的来源的判断以及数学运算“+,-,*,/”的使用,感兴趣的朋友可以学习下
    2013-05-05
  • js实现顶部可折叠的菜单工具栏效果实例

    js实现顶部可折叠的菜单工具栏效果实例

    这篇文章主要介绍了js实现顶部可折叠的菜单工具栏效果,可实现鼠标滑过菜单工具栏出现折叠与展开效果,涉及javascript鼠标事件及样式的操作技巧,需要的朋友可以参考下
    2015-05-05
  • uniapp实现横向滚动选择日期

    uniapp实现横向滚动选择日期

    这篇文章主要为大家详细介绍了uniapp实现横向滚动选择日期,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • element el-input 删除边框的实现

    element el-input 删除边框的实现

    本文主要介绍了element el-input 删除边框的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • setTimeout函数的神奇使用

    setTimeout函数的神奇使用

    setTimeout函数是一个原生的javascript函数。setTimeout函数会在一个指定的延迟时间之后调用一个函数或执行一段指定的代码。它的应用非常广泛,例如我们希望用户在浏览器某个页面一段时间后弹出一个对话框,或者是鼠标点击某个元素后隔几秒钟在删除这个元素。
    2017-02-02

最新评论