前端jquery控制input只能输入符合规范的手机号码

最新推荐文章于 2022-10-31 15:37:44 发布

Revival_Liang

最新推荐文章于 2022-10-31 15:37:44 发布

阅读量7.9k

点赞数 2

分类专栏： web

本文链接：https://blog.csdn.net/Revival_Liang/article/details/71122661

版权

这段HTML和JavaScript代码展示了如何使用jQuery实现一个输入框，只允许用户输入符合特定规则的11位手机号码。当输入不符合规则时，会显示错误提示；若输入正确，则显示正确标志。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="inputPerameter" maxlength="11" οninput="test()"/><span class="hint_str"></span>
		<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
		<script type="text/javascript">
			var inputPerameter = $('#inputPerameter');
			var booleanValue = true,value;
			function test(){
				value = inputPerameter.val();
				if(value==''){
				booleanValue = true;
				}
				if(value.length>3){
					subValue = value.substring(-1,3);
					if(booleanValue&&subValue.length==3){
					if(subValue.substring(1,2)=='3'||subValue.substring(1,2)=='5'||subValue.substring(1