十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
可以用正则表达式吗:/^(0{1,2}[1-9]|[1-2]\d{1,2})(.0[1-9]|.[1-9]\d){0,1}$/,反正这个可以满足的,不可以就另说了。
成都创新互联公司于2013年创立,先为类乌齐等服务建站,类乌齐等地企业,进行企业商务咨询服务。为类乌齐企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
if(!/^(0{1,2}[1-9]|[1-2]\d{1,2})(.0[1-9]|.[1-9]\d){0,1}$/.test("输入的内容")){
alert("输入有误");
}else{
alert("输入正确");
}
不用alert可以用其它方式。
获取输入的信息,以“.”分割为数组,对数组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;
});
});
var p = /(?!^\d+$)(?!^[a-zA-Z]+$)[0-9a-zA-Z]{4,23}/
(?!^\d+$) 排除全数字
(?!^[a-zA-Z]+$) 排除全字母
[0-9a-zA-Z]{4,23} 字符或字母4-23位,不考虑全为数字和全为字符情况。
如果支持html5的 化 可以直接 input type="number" name="aaa" min="0" /
number 是html5的新属性 只能输入数字 min是设置最小值 还可以加max 设置最大值
如果不支持 就要用jq判断
var ss=$("#input").val()//获取输入的值
if(!isNaN(ss)ss0){
alert("符合")
}else{
alert("不符合")
return;
}
由数字、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("用户名限定为字母、数字或下划线的组合");
});
})
观察效果