您的位置:首页 > Web前端 > AngularJS

输入框只能输入正整数

2017-03-24 11:19 344 查看
angulsrJs 

<input type="number" ng-model="input.sort" ng-keypress="checkNum($event,input.sort)"
ng-disabled="readonly" min="1" style="ime-mode:Disabled" autocomplete="off" onpaste="return false;">
//排序数字检查
$scope.checkNum= function (event,value) {
var keyCode = event.keyCode;
if(value<1){
if(keyCode<49||keyCode>57){
alert('只能输入正整数');
event.returnValue = false;
return false;
}
}else{
if(keyCode<48||keyCode>57) {
alert('只能输入正整数');
event.returnValue = false;
return false;
}
}
};


jQuery

<input type="number" onkeypress="checkNum(event,this.value)"
ng-disabled="readonly" min="1" style="ime-mode:Disabled" autocomplete="off" onpaste="return false;">
//排序数字检查
function checkNum(event,value) {
var keyCode = event.keyCode;
if(value<1){
if(keyCode<49||keyCode>57){
alert('只能输入正整数');
event.returnValue = false;
return false;
}
}else{
if(keyCode<48||keyCode>57) {
alert('只能输入正整数');
event.returnValue = false;
return false;
}
}
};
请正确选择事件,48<=keycode<=57 表示数字,如果需要锁定指定的键,输入对应的keycode 即可。  
onpaste="return false;":禁止复制

autocomplete="off" :不显示历史记录
style="ime-mode:Disabled" :输入法禁止切换(待定)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html angularjs jquery