文本框中禁止非数字字符输入比如手机号码、邮编

157 阅读 0 评论 104 点赞

我是靠谱客的博主追寻御姐，最近开发中收集的这篇文章主要介绍文本框中禁止非数字字符输入比如手机号码、邮编，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

复制代码代码如下:

 
<!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> 