js控制文本栏只能输入数字

简介:
Html代码

<input type="text" id="txt1">

 <input type="text" id="txt1">
Html代码

<script type="text/javascript">

$("#txt1").numeral();

</script>

<script type="text/javascript">  $("#txt1").numeral(); </script>

 

Js代码

$.fn.numeral = function(){

$(this).css("ime-mode","disabled");

this.bind("keypress",function(){

if(event.keyCode == 46){

if(this.value.indexOf(".")!=-1){

return false;

}

}else{

return event.keyCode>=46&&event.keyCode<=57;

}

});

this.bind("blur",function(){

if(this.value.lastIndexOf(".")==(this.value.length-1)){

this.value = this.value.substr(0,this.value.length-1);

}else if(isNaN(this.value)){

this.value = "";

}

});

this.bind("paste",function(){

var s=clipboardData.getData('text');

if(!/\D/.test(s));

value=s.replace(/^0*/,'');

return false;

});

this.bind("dragenter",function(){

return false;

});

this.bind("keyup",function(){

if(/(^0+)/.test(this.value))this.value=this.value.replace(/^0*/, '');

});

};



本文转自linzheng 51CTO博客,原文链接:http://blog.51cto.com/linzheng/1081610

相关文章
|
JavaScript
利用JS求1-100之间所有能被3整除的数字之和
利用JS求1-100之间所有能被3整除的数字之和
利用JS求1-100之间所有能被3整除的数字之和
|
JavaScript 前端开发 索引
丢失的数字使用JavaScript解决问题
丢失的数字使用JavaScript解决问题
126 0
|
存储 前端开发 算法
LeetCode只出现一次的数字使用JavaScript解题|前端学算法
LeetCode只出现一次的数字使用JavaScript解题|前端学算法
110 0
|
JavaScript
JS 刷 Leetcode:167.两数之和 II - 输入有序数组
JS 刷 Leetcode:167.两数之和 II - 输入有序数组
JS 刷 Leetcode:167.两数之和 II - 输入有序数组
|
JavaScript
JS 实现给数字加三位一逗号间隔的两种方法
JS 实现给数字加三位一逗号间隔的两种方法
|
JSON JavaScript 数据格式
js将 一串数字1403149534转换为日期格式
js将 一串数字1403149534转换为日期格式
281 0
|
JavaScript 前端开发
JavaScript中数字常用方法
JavaScript中数字常用方法
|
JavaScript 前端开发 Shell
JavaScript题解剑指offer : 03. 数组中重复的数字
JavaScript题解剑指offer : 03. 数组中重复的数字
116 0
|
存储 JavaScript 前端开发
每日一学—JavaScript数字
JavaScript数字的学习
88 0
每日一学—JavaScript数字
|
JavaScript 前端开发
JavaScript 数字
JavaScript 数字
63 0