手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >文本框中禁止非数字字符输入比如手机号码、邮编
文本框中禁止非数字字符输入比如手机号码、邮编
摘要:在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了邮编了复制代码代码如下:jQuery(document).ready(fun...

在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了 邮编了

复制代码 代码如下:

<!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实现文本框中默认显示背景图片在获得焦点后消失的方法

js的event详解。

javascript实现简单的省市区三级联动

JavaScript中Number.MAX_VALUE属性的使用方法

jquery实现用户打分评分特效

深入浅出分析javaScript中this用法

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

TypeError document.getElementById(...) is null错误原因

JavaScript中getUTCMinutes()方法的使用详解

jQuery异步上传文件插件ajaxFileUpload详细介绍

精品推荐
分类导航