正文 

当前位置： 首页 > 源码 >

jQuery通过验证设置电话号码的最小值和最大值

     2023-05-09     14

关键词：

【中文标题】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 我已经更新了我的答案。希望它能解决您的问题。

Laravel 验证检查数组大小的最小值和最大值

】Laravel验证检查数组大小的最小值和最大值【英文标题】：LaravelValidationcheckarraysizeminandmax【发布时间】：2017-07-0914:31:44【问题描述】：我只需要在Laravel验证中检查一个数组是否包含最小2个值和最大4个值。是否有任何默认验证... 查看详情

设置最小值或最大值后如何刷新 jQuery UI 滑块？

】设置最小值或最大值后如何刷新jQueryUI滑块？【英文标题】：HowtorefreshajQueryUISlideraftersettingminormaxvalues?【发布时间】：2011-09-1401:24:43【问题描述】：我有一个ui.slider并在运行时更改它的最小值和最大值。但是这些更改只会反映... 查看详情

Javascript设置日期的最小值和最大值属性

】Javascript设置日期的最小值和最大值属性【英文标题】：JavaScriptSetminandmaxattributefordate【发布时间】：2015-05-1217:49:53【问题描述】：我想限制从当前日期起超过7天的日期选择..帮帮我<script>vardate=newDate();varstartdate=date.getFullYea... 查看详情

如何在 jquery 滑块中设置最小值和最大值？

】如何在jquery滑块中设置最小值和最大值？【英文标题】：Howtosetminandmaxvalueinjqueryslider?【发布时间】：2013-03-0102:08:55【问题描述】：我正在使用jquery-细丝组滑块。我想限制滑块的移动。Javascript$(\'select#valueA,select#valueB\').selectToUI... 查看详情

Config 设置窗口大小 Kivy 的最小值和最大值

】Config设置窗口大小Kivy的最小值和最大值【英文标题】：ConfigSetminandmaxvalueforwindowsizeKivy【发布时间】：2019-07-0908:35:31【问题描述】：有没有办法为kivy窗口配置.set最小尺寸和最大尺寸。例如以下代码允许在执行时设置默认值并... 查看详情

如何将 jQuery UI 所有选定范围（不仅是最小值和最大值）加载到数组中

】如何将jQueryUI所有选定范围（不仅是最小值和最大值）加载到数组中【英文标题】：HowtoLoadjQueryUIAllSelectedRange(NotOnlyMin&Max)ToanArray【发布时间】：2019-02-1117:01:27【问题描述】：您能否看一下这个演示，让我知道如何将选定的... 查看详情

如何为 type='datetime-local' 的 Input 设置最小值和最大值？

】如何为type=\\\'datetime-local\\\'的Input设置最小值和最大值？【英文标题】：HowtoIsetminandmaxvalueforInputwithtype=\'datetime-local\'?如何为type=\'datetime-local\'的Input设置最小值和最大值？【发布时间】：2017-06-1609:03:47【问题描述】：已解决嗨... 查看详情

如何以编程方式设置 SpanSelector 小部件的最小值和最大值

】如何以编程方式设置SpanSelector小部件的最小值和最大值【英文标题】：HowtosettheminandmaxvalueforSpanSelectorwidgetprogrammatically【发布时间】：2021-04-0915:18:05【问题描述】：我想根据按预期工作的SpanSelector更新子图。但另一个要求是我... 查看详情

当调色板发散时，如何使用最小值和最大值设置热图颜色？

】当调色板发散时，如何使用最小值和最大值设置热图颜色？【英文标题】：HowdoIsetheatmapcolorswithminandmaxvalueswhenthecolorpaletteisdiverging?【发布时间】：2017-10-0113:50:11【问题描述】：我想设置调色板比例的最大值和最小值。在下面的... 查看详情

汇编程序任务 - 数组的最小值和最大值

】汇编程序任务-数组的最小值和最大值【英文标题】：Assemblertask-minandmaxvaluesofthearray【发布时间】：2010-01-2011:57:41【问题描述】：我遇到了汇编代码问题。我是汇编程序的新手，所以我自己似乎很难解决它。任务是：“找到数... 查看详情

Jquery ui 滑块：html 中的值、最小值和最大值

】Jqueryui滑块：html中的值、最小值和最大值【英文标题】：Jqueryuislider:value,minandmaxinthehtml【发布时间】：2011-08-2422:02:06【问题描述】：我正在使用jquery-ui制作一些滑块，但我有一个问题，我该如何执行以下操作：我有这个html代... 查看详情

设置 xAxis 最小值和最大值时不显示 Highstock 数据

】设置xAxis最小值和最大值时不显示Highstock数据【英文标题】：HighstockdatanotshowingwhensettingxAxisminandmax【发布时间】：2019-05-0206:17:33【问题描述】：如果不使用数据，我无法设置xAxis最小值和最大值。我尝试使用plotOptions并设置pointS... 查看详情

React Typescript - 即使设置了最小值和最大值，Math.random 也会给出错误的结果

】ReactTypescript-即使设置了最小值和最大值，Math.random也会给出错误的结果【英文标题】：ReactTypescript-Math.randomgiveswrongresulteventhominvalueandmaxvalueisset【发布时间】：2021-06-1207:12:12【问题描述】：主TSX文件const[minNumber,setMinNumber]=useLoca... 查看详情

我可以设置 Shiny 应用程序启动时滑块输入的最小值和最大值吗？

】我可以设置Shiny应用程序启动时滑块输入的最小值和最大值吗？【英文标题】：CanIsettheminandmaxvaluesthatasliderInputwillhavewhenaShinyappstarts?【发布时间】：2021-04-2106:38:48【问题描述】：我有以下滑块输入：slider<-sliderInput(inputId=\'slid... 查看详情

自定义 jQuery 不显眼验证的最小和最大错误消息 [重复]

】自定义jQuery不显眼验证的最小和最大错误消息[重复]【英文标题】：CustomizeminandmaxerrormessagesforjQueryunobtrusivevalidation[duplicate]【发布时间】：2014-10-2022:05:03【问题描述】：我正在使用设置了min和max属性的HTML5日期类型输入。<inpu... 查看详情

如何通过使用 dplyr 或其他包在 R 中具有最小值和最大值的查询来实现组？

】如何通过使用dplyr或其他包在R中具有最小值和最大值的查询来实现组？【英文标题】：HowtoimplementagroupbyqueryhavingminandmaxinRusingdplyrorotherpackage?【发布时间】：2019-02-0101:41:54【问题描述】：如何使用dplyr包在R中实现这个查询？df2=s... 查看详情

如何使用c＃设置日期时间图表的最小值和最大值？(代码片段)

...据的折线图。为此，我需要为图表设置最小值（0秒）和最大值（10分钟）。10分钟后，最小值为10分钟，最大值为20分钟。所以我每次都要显示10分钟的数据。我需要从一开始就用滚动条显示以前的数据。我尝试了以下代码，但我... 查看详情

如何分配累积变量的最小值和最大值？

】如何分配累积变量的最小值和最大值？【英文标题】：Howareminandmaxofcumulativevariablesassigned?【发布时间】：2018-07-1700:01:47【问题描述】：我创建了一个路由问题并为其添加了一些维度。找到了解决方案分配，我想知道每个索引处... 查看详情