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

最新推荐文章于 2021-12-18 16:59:23 发布

my_baby_2009

最新推荐文章于 2021-12-18 16:59:23 发布

阅读量912

点赞数

分类专栏： Javascript相关文章标签：禁止输入文本框

Javascript相关专栏收录该内容

99 篇文章 0 订阅

订阅专栏

禁止非数字字符输入的文本框，比如手机号码了邮编。
代码：

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
<meta charset="UTF-8"> 
<title>禁止非数字字符输入的文本框-www.jbxue.com</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>