移动端 输入框 如果类型是number,用户也可以输入汉字和字母

<input type="number" id="input-age" placeholder="请输入你的年龄"  />  //input 输入框,要求出入年龄,位数不能超过2位;
$('#input-age').on('input',function(e){
e.preventDefault();
var a=$('#input-age').val();
var reg = /^\d+$/g;
$('#input-age').attr('type','text');
if(reg.test(e.target.value)){
if(e.target.value.length >2){
$('#input-age').val(e.target.value.slice(0,2));
}

}else{
if(reg.test(a.slice(0,2))){
$('#input-age').val(a.slice(0,2));
}else{
$('#input-age').val('');
}

} 
});

$('#input-age').on('blur',function(e){
e.preventDefault();
$('#input-age').attr('type','number');
});

 

posted @ 2017-02-27 14:20  熊翠  阅读(2317)  评论(0编辑  收藏  举报