jq/jquery 当输入框输入11位数字,将自动判断。

作者&投稿:住航 (若有异议请与网页底部的电邮联系)
用jQuery编写校验事件,当在手机号输入框中输入到第十二个数字时自动提示输入错入,如何编写,谢谢!~

用正则表达式啊。。
$(function(){
// 设置属性值
$("input:button").click(function() {
var reg = /^\w+$/;
// 如果验证失败给出警告
if(!reg.test($("input:text").val()))
alert("用户名限定为字母、数字或下划线的组合");

});
})




请输入用户名,限定字母、数字或下划线的组合:




完美解答 请采纳

<!DOCTYPE html>
<html>
<head>
<title>jqjquery 当输入框输入11位数字,将自动判断。</title>
<meta charset="UTF-8" />
<script>
window.onload = function(){
document.getElementById('phone').onkeyup = function(){
var length = this.value.length,
state = '';
if(length == 11){
switch(this.value.substr(0, 3)){
case '130' :
case '131' :
case '132' :
case '155' :
case '156' :
case '185' :
case '186' :
case '145' :
case '176' :
state = '联不通';
break;
case '133' :
case '153' :
case '180' :
case '181' :
case '189' :
case '177' :
state = '电不信';
break;
case '134' :
case '135' :
case '136' :
case '137' :
case '138' :
case '139' :
case '150' :
case '151' :
case '152' :
case '157' :
case '158' :
case '159' :
case '182' :
case '183' :
case '184' :
case '187' :
case '188' :
case '147' :
case '178' :
state = '移不动';
break;
default :
state = '未知号码段';
}
document.getElementById('phoneState').innerHTML = state;
}else if(length > 11){
this.value = this.value.substr(0, 11); //超出11位剪掉
}
}
}
</script>
</head>
<body>
<input type="text" id="phone" /><span id="phoneState"></span>
</body>
</html>


先变量。然后给他一个判断。如下。
<input type="text" id="input">
<div id="phoneState"></div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>

// 移动
var chinaMobile= /^1(3[4-9]|5[012789]|8[23478]|4[7]|7[8])\d{8}$/;
// 联通
var chinaUnicom =/^1(3[0-2]|5[56]|8[56]|4[5]|7[6])\d{8}$/;
// 电信
var chinaTelecom =/^1(3[3])|(8[019])\d{8}$/;

$("#input").on("keyup", function(e) {
var value = $(this).val().trim();
if (chinaMobile.test(value)) {
$("#phoneState").html("中国移动");
return;
}
if(chinaUnicom.test(value)) {
$("#phoneState").html("中国联通");
return;
}
if(chinaTelecom.test(value)) {
$("#phoneState").html("中国电信");
return;
}
if($("#phoneState").html().length < 11)
{
$("#phoneState").html("");
}
});
</script>

绑定input事件,实时监听,如果长度等于11位,就开始执行下一句。
绑定change事件,需要触发一次blur。
ie中还有个propertychange事件,可以做到实时监听。


请问Q的拼音怎么拼?
q的拼音拼读如下:q的拼读有14个,分别是qi、qu、qiu、qie、que、qin、qun、qing、qia、qian、qiang、qiao、qiong、quan。拓展知识:拼音,是拼读音节的过程,就是按照普通话音节的构成规律,把声母、介母、韵母急速连续拼合并加上声调而成为一个音节。汉语拼音,是中华人民共和国的汉字拉丁化方案,于195...

q大写怎么写?
q的大写字母是(Q)。字母列表:1、A a 2、B b 3、C c 4、D d 5、E e 6、F f 7、G g 8、H h 9、I i 10、J j 11、K k 12、L l 13、M m 14、N n 15、O o 16、P p 17、Q q 18、R r 19、S s 20、T t 21、U u 22、V v 23、W w 24、X x 25、Y y ...

q是什么意思啊?
q的意思是:1、很Q,一般用来表达某一食物的口感,在闽南,台湾一带有说很Q。其意思是该食物很劲道,有“嚼头” 有嚼劲,很有柔韧度的意思。2、Q也是可爱的意思,比如说Q版的游戏就是人物做的很可爱的意思。(因为Q与英文cute谐音,“cute” adj. 可爱的;漂亮的;聪明的,伶俐的)。3、q也...

q表示什么?
q表示这种物质的热值,m表示这种物质的质量,Q表示这种物质在m质量的情况下完全燃烧后释放出的热量。固体或液体燃料完全燃烧释放的热量的计算公式:Q放=mq 气体燃料完全燃烧释放的热量的计算公式:Q=Vq Q表示热量(J),q表示热值( J\/kg ),m表示固体燃料的质量(kg),V表示气体燃料的体积(m^3)。...

q等于什么???
2、q表示热值,公式q=Q\/m(固体),q=Q\/V(气体),单位:J\/kg(固体),J\/m^3(气体)。3、q表示电荷 一个原电荷所带电量qe=1.60217733×10-19C。4、Q表示电量(总电荷量)。有理数集运算:加法的交换律:【a+b=b+a】。加法的结合律:【a+(b+c)=(a+b)+c】。存在加法的单位元...

q是什么意思?
“Q”,是英语单词“cute”的谐音。“cute”一词的发音是[kju:t],而根据《现代英汉综合大词典》的解释为:形容词,逗人喜爱的,聪明的,伶俐的,漂亮的;故作风雅的。 传统上的理解可能更为接近“可爱的”。在一些卡通作品中,使用到“Q”的地方往往是要表达一种较为俏皮的风格。因此在很多场合,...

化学中q是指什么?
化学中q是指反应热,是指在化学反应中释放或吸收的热能。1、反应热的定义:反应热表示的是化学反应过程中,单位摩尔物质所伴随的热效应。反应热有时也叫做化合热或分解热,一般用AH表示。2、反应热的单位:反应热的单位为焦耳\/摩尔(J\/mol)或千焦\/摩尔(kJ\/mol)。3、反应热的测定:反应热可以通过...

扑克牌里Q的含义是什么?
扑克牌中的J、Q、K分别是英语Jack(骑士)、Queen(皇后)、King(国王)的缩写,常见的12张牌里的人物在西方历史文化中也是各有出处,分别代表了历史上某个人物。这里讲讲Q所代表的四个历史人物:黑桃Q:古希腊的战争和智慧女神,雅典城的守护神帕拉斯雅典娜(Athena),是四张皇后牌中唯一手持武器的。...

Q表示什么意思?
在电路板上,符号Q通常表示一个触发器(Flip-Flop)或寄存器(Register)的输出。触发器和寄存器是数字电路中常见的元件,用于存储和处理二进制数据。下面是四个方面对Q符号的解释:1. 输出信号:Q代表触发器或寄存器的输出信号。它表示存储在触发器或寄存器中的数据值,可以是0或1,或者表示更复杂的数据...

Q是什么东西
常将其形容为“Q”。如:你的穿着很Q。这个礼物好Q啊。你的脸好Q。“Q”还形容某种食物吃起来很有弹性,很耐嚼。q我也可以理解为cue我下,为了方便就用谐音q表示,经常被用在综艺节目当中,用法通常是突然被cue到,谁谁谁被cue,其含义一般是指点请人接话、表演交接转换的意思。

北票市19484846882: JQ是啥意思?????至少四种解释 -
其非复方: JQ,是网络用语,一般是指汉语拼音的头一个字母的组合,比如:激情,近亲、尽情、举起、聚齐、禁区、剧情、技穷、讲求、江青、奖券、景区、奸情等. 如果你用最新的拼音输入法输...

北票市19484846882: 如何用jquery获取input中输入的值 -
其非复方: 这个问题包含两个方面:jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值),所以综合起来有如下代码可以实现<br>$("input#test").val(); // 推荐这种方式,因为id是唯一的<br>$("input[name='test']").val(...

北票市19484846882: JQUERY 如何实现输入框,当输入文字时自动匹配关联内容.类似百度的那种功能? -
其非复方: jquery autocomplete 查找下这个插件,然后研究下~有问题再沟通.

北票市19484846882: jquery 如何设置 input控件 只能输入正整数 -
其非复方: 建议使用正则表达式进行验证并加以限制,只能输入正整数:^[0-9]*[1-9][0-9]*$

北票市19484846882: jquery鼠标双击实现文本输入方法? -
其非复方: 这个很容易的,有两种方案:假设 html 为:<div id="name">点击编辑</div>1、改变 div 的可编辑属性$('#name').click(function(){ $(this).attr('contentEditable',true); });2:创建一个 <input />$('#name').click(function(){ $(this).html('<input value=...

北票市19484846882: JQUERY 点击 信息内容变成可输入状态 更新完成后 提交 写详细些 新手 -
其非复方: <div id="myName"><span></span><input type="text" name="name" id="name"></div> <script type="text/javascript">//自己引入jq库 jQuery(document).ready(function($) { /* 1.从后台获取信息,并设置对应的input值 */ function getInfo(s...

北票市19484846882: jquery 获取append input的值 -
其非复方: <body><br><div class="a"><input onclick="getvalue(this)" value="1"></div> <br><div class="a"><input onclick="getvalue(this)"value="2"></div> <br><div class="a"><input onclick="getvalue(this)" value="3"></div> <br><div ...

北票市19484846882: jQuery如何实现一个显示数字,双击后变成可输入框? -
其非复方: <div contentEditable>数字</div> 不需要使用jq,直接用Html5中新增加的contentEditable属性即可实现在线编辑,你可以测试一下,非常实用的效果.

北票市19484846882: 怎样用java编写:当输入指定字符后才执行相关命令? 我是java小白,还请大神帮帮忙...谢谢. -
其非复方: 首先要看你要明确触发方法.是输入字符后点击按钮,还是输入完成鼠标移动触发.Jquery 中做if判断可以帮助你.

北票市19484846882: jq怎么获取input的value -
其非复方: 下面这段代码可以的,你运行一下试试吧:<br>这是JS的:<br><br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br><br><input type='hidden' id='provSelect1' name='provSelect1' runat='server' value='111' /><br><script><br> window.onload ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网