`
楚若之夜
  • 浏览: 124989 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Javascript限制文本框输入的值只能是数字的javascript代码(好使)

阅读更多

1、 <script language=java script>
function onlyNum()
{
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
  if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
    event.returnValue=false;
}
</script>

<input onkeydown="onlyNum();">


2、 <script>
function check(){
  if (isNaN(tt.value))
  {alert("非法字符!");
  tt.value="";}
}
</script>
<input type="text" name="tt" onkeyup="check();">


3、 <script language=jscript>
function number()
{
var char = String.fromCharCode(event.keyCode)
var re = /[0-9]/g
event.returnValue = char.match(re) != null ? true : false
}

function filterInput()
{
if (event.type.indexOf("key") != -1)
{
var re = /37|38|39|40/g
if (event.keyCode.toString().match(re)) return false
}
event.srcElement.value = event.srcElement.value.replace(/[^0-9]/g, "")
}

function filterPaste()
{
var oTR = this.document.selection.createRange()
var text = window.clipboardData.getData("text")
oTR.text = text.replace(/[^0-9]/g, "")
}
</script>

<input onkeypress="number()" onkeyup="filterInput()" onchange="filterInput()" onbeforepaste="filterPaste()" onpaste="return false" style="ime-mode: disabled">


常用的全角字符的正则表达式是[/u530-/uFFFFFF],中文[/u4E00-/u9FA5]

4、允许小数点跟数字:
<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">


5、另一个不错的:
<input onkeypress="return(event.keyCode>=48&&event.keyCode<=57)" style="ime-mode:disabled" onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">


全角符号范围:
\uFF00-\uFFFF

6、只允许输入汉字:


<input onkeypress=return(false) onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,’’)">



7、推荐的:

<input onkeypress="return event.keyCode>=48&&event.keyCode<=57" onpaste="return !clipboardData.getData(’text’).match(/\D/)" style="ime-mode:disabled" ondragenter="return false">



可以用Javascript对文本框进行检查,过滤掉非0-9的字符。

  <script language="javascript" event="onkeydown" for="document">
        if(event.srcElement.name=='TextBox1')
        {
              if(!KeyIsNumber(event.keyCode))
              {
                   return false;//这句话最关键
              }
        }

</script>

<script language="javascript">

function KeyIsNumber(KeyCode)
{

   //如果输入的字符是在0-9之间,或者是backspace、DEL键
    if(((KeyCode>47)&&(KeyCode<58))||(KeyCode==8)||(KeyCode==46))
    {
          return true;
    }
    else
    {
          return false;
     }
}

</script>

分享到:
评论

相关推荐

    js正则表达式限制文本框只能输入字母和汉字

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入字母和汉字 在Web开发过程中,表单验证是一项常见的任务。确保用户输入的数据符合预期的格式有助于提高数据的准确性和安全性。本篇文章将深入探讨如何使用...

    javascript限制文本框输入值类型的方法

    在JavaScript中,限制文本框(`&lt;input type="text"&gt;`)输入值的类型是一项常见的需求,特别是当需要用户输入特定格式的数据时,如数字、日期等。在本例中,我们将探讨如何通过JavaScript实现一个功能,使得文本框只...

    jQuery文本框输入文字计数显示代码.zip

    "jQuery文本框输入文字计数显示代码.zip" 提供了一个解决方案,帮助开发者创建一个能够实时显示输入字符数的文本框,以此来限制用户的输入长度,提升用户体验,特别是在需要用户填写特定字数限制的表单场景下。...

    jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载

    这就是“jQuery字符插件之适合留言板的jquery文本框输入字符限制插件”的作用。这个插件专门用于帮助开发者实现在jQuery环境中对文本输入框的字符数量进行实时监控和限制。 jQuery是一个强大的JavaScript库,它简化...

    jQuery计算文本框可输入字数代码.zip

    然后,代码会计算当前文本框中的字符数,减去预设的最大字符限制,得到的结果就是剩余可输入的字数。 `说明.htm`文件可能是该项目的使用指南或者代码解释,它可能包含了如何将这段代码集成到你的网页中、如何配置...

    好看的文本框和按钮样式

    ### 知识点二:数字输入限制与动态聚焦 #### 样式代码: ```html &lt;script for="T" event="onkeyup"&gt;if(value.length==3) document.all[event.srcElement.sourceIndex+1].select(); ``` ```html ``` #### 解析: ...

    jQuery文本框宽度随着输入内容而自动变化代码.zip

    这个压缩包“jQuery文本框宽度随着输入内容而自动变化代码.zip”提供了一个实用的jQuery解决方案,使文本框的宽度能够根据用户输入的内容动态调整,从而提高用户体验。 首先,我们要理解这个功能的核心思想。当用户...

    Javascript数字时钟代码

    ### JavaScript数字时钟代码解析与实现 #### 一、引言 在现代Web开发中,动态显示时间的应用非常广泛,从简单的网站时钟到复杂的实时数据更新,都离不开对当前时间的准确把握。本文将深入解析一个基于JavaScript的...

    限制文本框中只能输入实数或整数,其它字符无效,有劳大家了!

    本文将详细介绍如何通过JavaScript来限制文本框中只能输入实数或整数,同时排除其他任何非数字字符。 #### 技术方案概述 为了实现这一功能,我们可以通过监听文本框的输入事件并在输入时即时验证输入的内容是否...

    jQuery点击文本框下拉菜单城市选择代码

    这段代码会监听下拉菜单内的每个`&lt;li&gt;`元素,当用户点击一个城市时,将该城市文本设置为文本框的值,并隐藏下拉菜单。 为了实现更友好的用户体验,我们还可以添加一些额外的功能,如自动搜索匹配城市,这需要用到...

    文本框只限3位整数,两位小数,拖拽和粘帖屏蔽

    这个场景中的标题和描述指出的是一个针对文本框(TextBox)的特定需求,即限制用户只能输入三位整数和两位小数,并且要禁用文本框的拖拽和粘贴功能。以下是对这一需求的详细解释和实现方法: 一、限制输入格式 1. ...

    js表单文本框内容互换代码.zip

    在JavaScript(JS)编程中,表单元素是网页交互的核心部分,尤其是文本框(input[type="text"]),它们常用于收集用户输入的数据。本压缩包"js表单文本框内容互换代码.zip"提供了一个实用的功能,即点击按钮实现两个...

    实例2_文本框_文本输入.rar_实例文本框_文本输入框

    例如,`size`属性定义了文本框的宽度,`maxlength`则限制了用户可以输入的最大字符数。 在桌面应用开发中,如Windows应用程序,我们可以使用Windows API或.NET Framework中的`System.Windows.Forms.TextBox`类来...

    HTML文本框.rar

    4. **JavaScript交互**:可以使用JavaScript来动态控制文本框,如验证输入、获取或设置值。 ```javascript // 获取文本框值 var inputValue = document.getElementById("example").value; // 设置文本框值 ...

    用webform实现的文本框提示搜索功能

    在本文中,我们将深入探讨如何使用ASP.NET Web Forms来实现一个基本的文本框提示搜索功能。Web Forms是ASP.NET框架的一部分,它允许开发者通过控件和事件驱动的方式构建交互式的Web应用程序。 首先,"用webform实现...

    鼠标滚轴控制文本框值的JS代码

    这段代码实现了一个功能,即通过JavaScript(JS)控制文本框(`&lt;input type="text"&gt;`)的值,使得用户滚动鼠标滚轮时,文本框内的数字会相应地增加或减少。以下是关于这个功能的详细解释: 1. **变量定义**: - `...

    jQuery Input文本框创建标签代码

    在本文中,我们将深入探讨如何使用jQuery来创建一个功能性的输入文本框,使得用户在输入文字后按回车键能够自动生成标签。这种交互式的标签系统常见于许多社交媒体平台和内容管理系统,它允许用户轻松地分类和组织...

    ajax搜索提示比如在文本框里输入A 提示 ACCG

    如React的`fetch`或`axios`库,Vue的`vue-resource`或`axios`插件,Angular的`HttpClient`服务,它们简化了Ajax操作,使代码更简洁,同时提供了更丰富的功能和更好的错误处理。 总结,Ajax搜索提示利用了异步通信的...

Global site tag (gtag.js) - Google Analytics