文本框中禁止非数字字符输入比如手机号码、邮编
在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了 邮编了
代码如下:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="style.css">
</head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<body>
<input type="text" id="phone" value="0000">
</body>
<script type="text/javascript">
jQuery(document).ready(function($) {
// Stuff to do as soon as the DOM is ready;
var phone=$('#phone');
$(phone).on('click',function(){
phone.val('');
})
$(phone).on('keyup',function(evt){
var phoneVal=phone.val();
phoneVal=phoneVal.replace('/[^\d]+/g', ''); //替换非数字字符为空格
phoneVal=parseInt(phoneVal,10);
if(isNaN(phoneVal)){
phoneVal = '';
}
this.value=phoneVal;
})
});
</script>
</html>
相关推荐
-
javascript之文本框输入四个数字自动加空格的脚本
随便输入多个字符,就会发现四个数字自动加空格的 function test(){ var len=document.getElementById('card').value.length; var reg = /\s{1,}/g; var card_ = ""; var card=document.getElementById('card').value; //去除空格 card = card.replace(reg,""); for(var i = 0;i [Ct
-
基于jquery的设置页面文本框 只能输入数字的实现代码
代码如下: 复制代码 代码如下: $("#money").bind("propertychange",function() { if(""!=this.value){ var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); if(this.value != str ) this.value = str; } if( isNaN(Number(this.value))) this.
-
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
很多时候需要用到限制文本框的数字输入,试过许多方法,都不太理想,遂决定自己实现一个来玩玩. 曾经使用过的方法 通过onkeydown事件来控制只允许数字: 复制代码 代码如下: <input onkeydown="return event.keyCode>=48&&event.keyCode<=57||event.keyCode>=96&&event.keyCode<=105" /> 通过jQuery插件Masked
-
ASp.net 文本框(TextBox)计算,判断输入的是否是数字
复制代码 代码如下: protected void txtQty_TextChanged(object sender, EventArgs e) { checkForm(); } //检验文本信息是否合法,如果合法则开始计算 protected void checkForm() { try { if (!IsNumberic(txtQty.Text) && txtQty.Text != "") { checkbool = false; Response.Write(&q
-
jquery教程限制文本框只能输入数字和小数点示例分享
复制代码 代码如下: $(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function(){ //CTR+V事
-
兼容firefox的文本框只能输入两位小数的数字的代码
function checkNumber(e,txt) { var key = window.event ? e.keyCode : e.which; var keychar = String.fromCharCode(key); var el = document.getElementById('test'); var msg = document.getElementById('msg'); reg = /\d|\./; var result = reg.test(keychar); if(
-
js限制文本框只能输入数字方法小结
有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数 复制代码 代码如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.valu
-
js 只能输入数字和小数点的文本框改进版
1.鼠标左右移动的时候. 2.最后一个不能是小数点. js 只能输入数字和小数点 //by ahuinan 2009-4-10 function clearNoNum(event,obj){ //响应鼠标事件,允许左右方向键移动 event = window.event||event; if(event.keyCode == 37 | event.keyCode == 39){ return; } //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace
-
js限制文本框只能输入数字(正则表达式)
好了,言归正传.话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的. 复制代码 代码如下: function chkPrice(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //必须保证第一位为数字而不是. obj.value = obj.value.replace(/^\./g,""); //保证只有出现一个.而没有多个. obj.value = obj.val
-
jquery限定文本框只能输入数字即整数和小数
复制代码 代码如下: $(function(){ //文本框只能输入数字(不包括小数),并屏蔽输入法和粘贴 $.fn.integer= function() { $(this).css("ime-mode", "disabled"); this.bind("keypress",function(e) { var code = (e.keyCode ? e.keyCode : e.which); //兼容火狐 IE if(!$.browser.ms
随机推荐
- MySQL恢复中的几个问题解决方法
- linux 中vim的用法讲解
- prototype1.4中文手册
- JS中artdialog弹出框控件之提交表单思路详解
- 如何使用angularJs
- SyntaxHighlighter代码加色使用方法
- Perl语法中Perl运算符用法指南
- js实现微信分享代码
- 移动端横屏的JS代码(beta)
- php的curl封装类用法实例
- jsp Hibernate批量更新和批量删除处理代码
- Linux下中文字体的安装
- 仿中关村在线首页弹出式广告插件(jQuery版)
- C语言中的函数指针学习笔记
- Java数组的特性_动力节点Java学院整理
- java实现CSV 字段分割
- C# char类型字符转换大小写的实现代码
- javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
- 微信公众平台之快递查询功能用法实例
- 增加反向链接的101个方法 站长推荐