`
liugh1974
  • 浏览: 20497 次
  • 来自: ...
社区版块
存档分类
最新评论

javascript only input float/integer

 
阅读更多
<html>
<head>
<script src="jquery-1.11.3.min.js"></script>
<script language="Javascript">
$(document).ready(function(){
$('.float-number').keypress(function(event) {
var code = event.which;

if(code == 8 // Backspace
|| code == 9 // Horizontal Tab
|| code == 27 // ESC
|| code == 13 // Carriage Return
||  code == 45 // Hyphen, minus sign
|| code == 46 // Dot
|| ((code == 65 || code == 97) && event.ctrlKey === true) // Ctrl + A
|| ((code == 67 || code == 99) && event.ctrlKey === true) // Ctrl + C
|| ((code == 88 || code == 120) && event.ctrlKey === true) // Ctrl + X
){
var value = $(this).val();
if(code == 46 && value.indexOf('.') != -1) {
event.preventDefault();
}

if(code == 45 && value.length > 0 ){
event.preventDefault();
}
return;
}
if(event.which < 48
|| event.which > 57) {
event.preventDefault();
}
});

$('.int-number').keypress(function(event) {
var code = event.which;

if(code == 8 // Backspace
|| code == 9 // Horizontal Tab
|| code == 27 // ESC
|| code == 13 // Carriage Return
||  code == 45 // Hyphen, minus sign
|| ((code == 65 || code == 97) && event.ctrlKey === true) // Ctrl + A
|| ((code == 67 || code == 99) && event.ctrlKey === true) // Ctrl + C
|| ((code == 88 || code == 120) && event.ctrlKey === true) // Ctrl + X
){
var value = $(this).val();
if(code == 45 && value.length > 0 ){
event.preventDefault();
}
return;
}
if(event.which < 48
|| event.which > 57) {
event.preventDefault();
}
});
});

</script>
</head>
<body>
<p/>
<p/>
Integer: <input class="int-number" type="Text" id="float_input" value="" ><br>
<p/>
<p/>
Float: <input class="float-number" type="Text" id="float_input" value="" ><br>
</body>
分享到:
评论

相关推荐

    JS常用校验

    * textOnly() //只允许输入数字 字母 下划线,在input位置加上 onkeypress="textOnly()" 即可 * isURL(URL) //判断URL,正确的URL返回true,否则返回false * isDate(date) //判断是否为短日期(如:2003-(/)12-(/)05),...

    djit:Javascript电子表格引擎

    ' ] ] )/* qdata = { A1: { input: 150, type: 'integer', value: 150, listeners: [ 'A3' ] }, B1: { input: 33, type: 'integer', value: 33 }, A2: { input: 12.55, type: 'float', value: 12.55, listeners: [ '...

    php程序员面试题(含html、JavaScript、php和mysql)

    - 单选和多选可通过 `&lt;input type="radio"&gt;` 和 `&lt;input type="checkbox"&gt;` 实现。 - 下拉菜单的多选选项通过 `&lt;select multiple&gt;` 实现。 #### JSON使用 **问题:**有没有用过JSON?数据结构? **解析:**JSON...

    收取键盘输入数字

    如果想要用户输入的数字作为整数或浮点数处理,可以使用`int()`或`float()`函数进行类型转换。例如: ```python num = input("请输入一个数字:") # 将输入转换为整数 integer_num = int(num) ``` 2. Java中的键盘...

    jQuery 版本的文本输入框检查器Input Check

    jQuery文本输入框检查器(以下简称Input Check)是一个基于jQuery实现的JavaScript库,它的设计目的是为了简化对HTML表单中特定类型输入框(input元素类型为text、password、hidden以及textarea)的用户输入内容进行...

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

    在Javascript中,可以通过document.getElementById()等方法获取到这个&lt;input&gt;元素,并对其进行操作。比如修改它的value属性值。 知识点五:onkeyup事件处理器 在HTML元素中,onkeyup是一个事件处理器属性,用于指定...

    只允许输入数字

    - JavaScript:前端最常用的验证方法是通过事件监听(如`oninput`或`onkeydown`)来实时检查用户输入。可以使用正则表达式`/^\d+(\.\d+)?$/.test(inputValue)`来判断输入是否为数字,其中`\d`代表数字,`+`表示一个...

    jsp探针 ver0.1

    jsp探针ceshi.jsp ... charset=gb2312" %&gt; class LfSpy { boolean supportHibernate = false; boolean supportJNDI = false;...boolean supportJavaxSql = false;...private final String linuxParseMacAddress(String ...

    2021-2022计算机二级等级考试试题及答案No.10099.docx

    13. **浏览器端执行代码**:JavaScript 是一种在浏览器端执行的脚本语言,常用于网页交互和动态效果。 14. **指令组成**:计算机指令通常由操作码(Opcode)和操作数(Operand)组成,操作码指示要执行的操作,操作...

    python3.6.5参考手册 chm

    PEP 3127: Integer Literal Support and Syntax PEP 3129: Class Decorators PEP 3141: A Type Hierarchy for Numbers The fractions Module Other Language Changes Optimizations Interpreter Changes New ...

    JSON生成Form表单的方法示例

    { type: 'select', dataKey: 'typeName', options: ['string', 'integer', 'float'], style: { display: 'inline-block', width: 100, margin: '0 15px' }, validate: [{ type: 'required', message: 'param类型不...

    2021-2022计算机二级等级考试试题及答案No.17344.docx

    - 数字类型(如 `INT`, `FLOAT`)。 - 日期时间类型(如 `DATE`, `TIMESTAMP`)。 - **应用实例**:在 SQL 查询中定义表结构时使用,例如 `CREATE TABLE employees (id INT, name VARCHAR(100))`。 ### 4. VBA...

Global site tag (gtag.js) - Google Analytics