扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
一、设置代码如下:
专注于为中小企业提供网站建设、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业仙居免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
二、使用步骤:
1、首先在画面加载完成之后编写如下的JS脚本
2、对需要做输入控制的控件设置class样式
3、这样画面上凡是设置了class="onlyNum"的控件就只能输入数字
三、这种设置方式的好处:通过这种方式就可以限制了用户的输入范围,避免用户进行一些非法的输入
获取输入的信息,以“.”分割为数组,对数组each,each中,先获得v的字符串长度,然后强转为数字,获得长度,与原长度对比,相等就是数字或小数,不相等就不是,同时,当循环到第三次时也说明这不是一个数字或小数。
再或者:可以给input绑定onchange事件,在事件中,获取到用户输入的值,并使用正则表达式或者是isNaN()方法进行判断是否是数字。如果不是数字,再相应的给出提示,就可以了。
$(function(){
var preValue = '';
$("body").on("keyup", "input[name=number]", function(){
var value = $(this).val();
//不满足0-10,回退到上一次输入结果
if(!!value !$(this).val().match(/^(?:10|[0-9])$/)) {
$(this).val(preValue);
return false;
}
preValue = $(this).val();
return true;
});
});
由数字、26个英文字母或者下划线组成的字符串可用jquery正则表达式:
/^\w+$/,验证代码为:
var reg = /^\w+$/;
if(reg.test($("input:text").val()))
// 验证通过
else
// 验证失败
下面给出实例演示:
创建Html元素
div class="box"
span请输入用户名,限定字母、数字或下划线的组合:/spanbr
div class="content"
input type="text"/
/div
input type="button" value="验证"
/div
设置css样式
div.box{width:300px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:50px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:250px;height:40px;padding:0 5px;border:1px solid #6699cc;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){
// 设置属性值
$("input:button").click(function() {
var reg = /^\w+$/;
// 如果验证失败给出警告
if(!reg.test($("input:text").val()))
alert("用户名限定为字母、数字或下划线的组合");
});
})
观察效果
你找jquery-ui插件,里面应该有一个符合你这要求的控件,叫spinner,你再手动加一个只能输入数字的控制,就OK了
完美解答 请采纳
!DOCTYPE html
html
head
titlejqjquery 当输入框输入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
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流