JS input 数字验证代码

/* **@控制控件只能输入数字,含-(负号).(小数点) **@Inline HTML: <ELEMENT xss=removed xss=removed> For Input **@Event property: object.attachEvent(“onkeypress”,onlyNumber);object.style.imeMode = “disabled”; **@Author:wangwq@atools */ function onlyNumber(){ if(!(((window.event.k 在JavaScript中，对输入框（`input`）进行数字验证是非常常见的需求，特别是在表单验证或者数据录入场景中。这个代码片段提供了一种方法来确保用户只能输入数字，包括负号（-）和小数点（.）。我们将深入探讨这个功能的实现方式。 我们来看`onlyNumber`这个函数，它是用来处理`onkeypress`事件的。这个事件在用户按下键盘上的键时触发。函数的主要目的是检查即将输入的字符是否为数字、回车键（13）、小数点（46）或负号（45）。如果按下的是这四种键之一，那么该函数允许输入，否则它将阻止字符的输入，通过将`window.event.keyCode`设置为0来实现。 代码中的关键部分是以下条件判断： ```javascript if(!(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46) || (window.event.keyCode == 45))){ window.event.keyCode = 0 ; } ``` 这里的数字范围48到57对应于ASCII码中的数字0到9。因此，当用户按下0到9之间的数字键时，这个条件会返回`true`，表示允许输入。 此外，`onlyNumber`函数还考虑了两个特殊按键：回车键（用于提交表单）和小数点，它们的`keyCode`分别是13和46。允许这些键的输入是为了支持正常的数字输入行为。 另一个函数`JHshNumberText`与`onlyNumber`非常相似，但略为简单，因为它只允许输入0到9的数字，并且不允许输入小数点和负号。它的条件判断如下： ```javascript if ( !(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13))) { window.event.keyCode = 0 ; } ``` 这里省略了小数点和负号的判断，意味着它不会接受这些字符。 为了确保输入框只能接收数字，HTML元素使用了`onkeypress`事件处理程序和`ime-mode: disabled`样式属性。`ime-mode: disabled`可以禁用输入法编辑器，防止用户通过输入法输入非数字字符。 HTML示例中输入框的`ondragenter`和`onpaste`事件处理程序也值得关注。`ondragenter="javascript:return false;"`和`onpaste="return false"`是为了防止用户通过拖放或复制粘贴非数字字符到输入框中。 这段代码提供了一种有效的方法来限制`input`元素的输入，确保用户只能输入指定类型的数字。这样的功能对于创建数据验证、金融计算或任何需要精确数字输入的Web应用都是至关重要的。