js只允许输入数字,输入其它会被替换成空实现,达到不能输入的效果

只允许输入数字,输入其它会被替换成空实现,达到不能输入的效果


看代码HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Demo Example</title>
    <script type="text/javascript" src="jquery-1.12.0.min.js"></script>
    <script type="text/javascript" src="jx.core.js"></script>
    <!--<script type="text/javascript" src="jc.util.js"></script>-->
    <script type="text/javascript" src="demo.js"></script>
    <link rel="stylesheet" type="text/css" href="demo.css"/>
</head>
<body>
    <!--<input id="demo" value=""></input>
    <input id="btn"  type="button" value ="点击"></input>-->
    <!--<table id="demotable" border="1">
    	 <tr>
    	 	 <td>Row1 cell1</td>
    	 	 <td>Row1 cell2</td>
    	 	 <td>Row1 cell3</td>
    	 </tr>
    	 <tr>
    	 	 <td>Row2 cell1</td>
    	 	 <td>Row2 cell2</td>
    	 	 <td>Row2 cell3</td>
    	 </tr>
    </table>-->
    <!--<tr>
				<th width="100px"><font color="red">*</font>登录名:</th>
				<td>
					<input  id="input" type="text" class="ui-input" name="loginID" dataType="English" minLength="2" maxLength="50"/>
					<span class="tip">请输入2-50位英文字母作为登录名,不能重复</span>
				</td>
			</tr>
			<!--<form action="sendmessage.php" method="post'">
    		<textarea name="message"> </textarea>
    		<input type="submit" value="send" />
    </form>-->
		<!--<input id="btn" type="button"value="点击"/>-->
    <!--<li><span title="点击">点击</span></li>-->
  金额: <input id="not_digit"></input>
</body>
</html>

JS:

$(function(){
	
	/*$('#btn').click(function(){
		 //var pattern = /^[0-9]{1,}[a-z]{3}[0-9]/i;
		  //var str = '12a0000';
		  //console.log(pattern.test(str));
		  //if(pattern.test(str)){
		  	  //alert('匹配');
		  	//}else{
		  		//alert('不匹配');
		  	//}
		  var sqlstr = $('#input').val();
		  
		  //var patrn = /['"\)\*\^;\(\)><&\\\/]/;
			//var patrn = /^[A-Za-z]+$/;
			//var patrn =/^[\u0391-\uFFE5]+$/;
			//var patrn =/['"\)\*\^;\(\)\\\/><&\s\t\.#%]/;
			//var patrn =/^[ ~ ^ # * & ; $ % @ ' " < > + " ' \/ ]*$/;
			var patrn =/^[\u2E80-\u9FFF]+$/;
			//var patrn =/javascript|jscript|vbscript/i;
		  console.log(patrn.test(sqlstr));
	   	if (!patrn.test(sqlstr)) {
		   alert('包含特殊字符');
	  	}
	  	
		});*/
		$('#not_digit').keyup(function(){
			var val = $(this).val();
			console.log(val);
			if(val.length ==1){
				$('#not_digit').val(val.replace(/[^1-9]/g,''));
			}else{
				$('#not_digit').val(val.replace(/\D/g,''));
			}
			});
})


wangxiaoming CSDN认证博客专家 架构 Spring Boot Redis
博客是很好的总结和记录工具,如果有问题,来不及回复,关注微信公众号:程序员开发者社区,获取我的联系方式,向我提问,也可以给我发送邮件,联系 1275801617@qq.com
©️2020 CSDN 皮肤主题: Age of Ai 设计师: meimeiellie 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值