jQuery通过验证设置电话号码的最小值和最大值
Posted
技术标签:
【中文标题】jQuery通过验证设置电话号码的最小值和最大值【英文标题】：jQuery set min and max value for phone number with validation 【发布时间】：2019-01-20 19:31:07 【问题描述】：我需要验证我的input type="text"，当按键时最小值为 7，最大值为 13。我还需要验证是否只输入数字。我尝试了一些参考堆栈，但未能解决。任何人都可以帮助我实现这一目标。
$("#phone").bind("keyup keydown", function()
var amount = parseFloat($(this).val());
if (amount)
if (amount > 7 || amount < 13)
$("span.phonealert").html("Your number must be between 7 and 13");
else
if(amount < 13)
$("span.phonealert").html("valid phone number");
else
$("span.phonealert").html("Enter numbers only");
);#phone
height:40px;
width:200px;
padding:5px;
font-size:15px;
<html>
<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<form>
<input type="text" name="phone" id="phone" maxlength="13" autocomplete="off" placeholder="eg: 01234567890" value=""/>
<span class="phonealert"></span>
</form>
</body>
</html>【问题讨论】：
您是否要验证电话号码，最少 7 位，最多 13 位。 @iNullPointer 是的。 检查我的答案。 @iNullPointer 可以根据我的问题发送示例链接并带有警报消息。 【参考方案1】：你应该使用正则表达式来验证它
验证数字的函数
function verifyPhoneNumber(number)
var validity = new RegExp("^[0-9]7,13$");
return validity.test(number);
按键确认功能
$('#phone').keypress(function(e)
// 48-57 are code of digits 0-9.
if (![48, 49, 50, 51, 52, 53, 54, 55, 56, 57].includes(e.keyCode))
e.preventDefault();
alert("Enter digits only.");
);
如果数字有效（即，它仅包含数字 0 to 9 和最小 7 digits 和最大 13 digits long），此函数将返回 true，否则返回 false。
【讨论】：
您能否添加示例链接和示例警报消息 @Sharvan jsFiddle @Sharvan 希望这会对您有所帮助。 当我输入字符时开始输入需要提醒只输入数字。 @Sharvan 我已经更新了我的答案。希望它能解决您的问题。以上是关于jQuery通过验证设置电话号码的最小值和最大值的主要内容，如果未能解决你的问题，请参考以下文章