`

JS控制文本框只能输入整数或带一位小数的浮点数

 
阅读更多 
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
 <title>无标题页</title>
 <script type="text/javascript" language="javascript">
 //控制文本框只能输入整数或带一位小数的浮点数
 function regInput(obj, inputStr)
 {
  var reg=/^\d*\.?\d{0,1}$/;
  var docSel = document.selection.createRange()
  if (docSel.parentElement().tagName != "INPUT") return false
  oSel = docSel.duplicate()
  oSel.text = ""
  var srcRange = obj.createTextRange()
  oSel.setEndPoint("StartToStart", srcRange)
  var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
  return reg.test(str)
 }

 </script>

</head>
<body>
    <form id="form1" runat="server">
      
        测试html控件:
        <input onkeypress="return regInput(this,String.fromCharCode(event.keyCode))"
            onpaste="return regInput(this,window.clipboardData.getData('Text'))"
            ondrop="return regInput(this,event.dataTransfer.getData('Text'))">
    </form>
</body>
</html>

 

分享到：
| ymPrompt弹出窗口(很牛x的)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    C#文本框验证:只能输入整数和带两位小数的小数

    VS2010 C# 一个WinForm测试程序，利用正则表达式实现对“只能输入整数和保留两位小数位的小数”功能。 若用VS2013打开时报错“在证书存储区中找不到清单签名证书”，可通过“右击项目属性—&gt;签名—&gt;为ClickOnce清单...

    wpf 文本框只能输入小数，整数，可允许负号

    文本框验证，允许输入整数、小数、负号；键盘验证；文本框文本改变事件；

    限制TextBox只能输入整数或者小数

    通过结合使用`KeyDown`和`TextChanged`事件，以及正则表达式的辅助，可以在Silverlight应用中有效地限制`TextBox`控件的输入，确保用户只能输入整数或小数，从而提高了数据的准确性和应用程序的健壮性。这种方法不仅...

    Javascript正则控制文本框只能输入整数或浮点数

    首先，使用replace()方法将输入值中所有非数字和小数点之外的字符清除，然后用match()方法来检查是否至少包含一个数字，如果包含则确认其是有效的整数或浮点数，否则将输入值清空或只保留合法部分。 知识点七：正则...

    限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

    标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求，即如何在文本框（Text Box）中限制用户只能输入数字，包括整数和浮点数。在网页或应用程序的用户界面设计中，这样的...

    js限制文本框只能输入整数或者带小数点的数字

    为了确保文本框中只能输入整数或者带有一位小数的数字，我们需要在JavaScript中对输入进行限制。可以通过为文本框添加键盘事件处理器来实现这一功能，具体来说就是使用onkeypress、onkeyup以及onblur事件。 首先，...

    控制输入框只能输入数字

    这个函数将检查输入字符是否符合所设定的规则，并根据不同的输入类型（整数或浮点数）以及特定的格式要求（如小数位数限制），决定是否允许该字符被添加到文本框中。 ### 二、关键代码解析 #### 1. `...

    JS文本框只允许输入数字小数点

    "JS文本框只允许输入数字小数点"这个话题就围绕着如何使用JavaScript来实现这样一个功能。 首先，我们需要理解HTML中的`&lt;input&gt;`元素，它是用来创建表单字段的。我们可以通过设置`type`属性来定义输入类型，如`type...

    基于jQuery实现文本框只能输入数字(小数、整数)

    在实际应用中，文本框中有时候只能够允许输入整数，但是有时候可能更为”博爱”一点，可以允许输入浮点数，下面就通过实例代码介绍一下如何利用jquery实现文本框只能输入小数，代码如下: &lt;!DOCTYPE html&gt; &lt;...

    只能输入数字的文本框控件(附源程序)

    这个控件允许开发人员自定义输入规则，以确保用户在交互时只能键入整数或小数。 描述中的"只能输入数字的文本框控件"暗示了该控件具有内置的验证机制，能够实时检查用户输入，并阻止非数字字符的输入。这种控件对于...

    正则表达式控制文本框

    ### 正则表达式控制文本框输入 在前端开发中，正则表达式是一种非常强大的工具，用于验证、过滤和格式化用户输入的数据。通过合理地利用正则表达式，可以实现对各种类型数据的有效控制，例如数字、字母、特定格式的...

    《计算机组成原理》算法实现（VS2008）

    实现机器数的真值还原（定点整数）、定点整数的单符号位补码加减运算、定点整数的原码一位乘法运算和浮点数的加减运算。 （1）系统进入（主）窗体的设计：菜单需要在输入口令正确后方可激活使用。口令输入错误时要...

    数字输入文本框CEditNumeric

    例如，在一个财务软件中，你可以使用它来创建只允许输入正整数的“数量”字段，或者一个只能输入两位小数的“价格”字段。在设计界面时，这样的控件可以帮助减少用户输入错误，并且提高了数据的准确性。 **代码实现...

    浮点数计算器，整数计算器

    整数（Integer）是不带小数部分的数字，如1、2、3等；而浮点数（Floating Point Number）则允许有小数部分，如1.5、3.14、-2.718等。在大多数编程语言中，浮点数通常使用double或float类型表示，例如在Java和C++中。...

    多功能文本框控件源码及示例

    主要功能是限制Text文本框的输入的字符，防止输入不符合要求，使用户按照规则输入，比如...3、控制用户可录入整数、浮点数(自定义小数位数)、大写字母、小写字母、中文、电话号码、IP地址等。 4、响应回车焦点下移。

    js限制文本框为整数和货币的函数代码

    如果输入的值是合法的货币格式，函数则将值格式化为保留两位小数的浮点数，并更新文本框的内容。 在这两个函数中，我们使用了正则表达式来检查用户输入的合法性。正则表达式是一种强大的文本处理工具，它通过特定的...

    文本只输入数字

    除了控制文本框只能输入数字之外，有时还需要对输入的数字进行一定的格式化处理，比如限制小数位数、添加千分位分隔符等。 #### 2.1 `KeyUp` 函数详解 `KeyUp` 函数用于在用户松开按键后处理文本框中的数据。 - *...

    CSharp小数位数保留的方法大全

    这里 `dbdata` 是一个双精度浮点数，`f2` 表示保留两位小数。 #### 4. 使用 `String.Format` 方法 `String.Format` 方法提供了一种灵活的方式来格式化字符串，可以方便地保留小数位数： ```csharp string result ...

    js限制input只能输入有效的数字(第一个不能是小数点)

    在描述中提到的两种方法，一种是通过按键事件（`keypress`）来控制输入，另一种是通过正则表达式来限制输入。两种方法各有优劣，第一种方法适合于需要附加功能增强的场景，而第二种方法则较为简单粗暴。 第一种方法...

    C#自制数值文本框组件

    1. **输入验证**：组件应能确保用户输入的是有效的数值，例如，只接受整数或浮点数，不接受非数字字符。这通常通过重写`TextBox`的`TextChanged`事件来实现，对输入进行实时检查，并在不符合规则时给出提示。 2. **...

Magicbox
Global site tag (gtag.js) - Google Analytics