超过文本框中的最大位数后显示离子弹出框
问题描述:
我目前正在使用Ionic1和AngularJS进行基本计算。我想限制在屏幕上输入的数字只有15位数。我想向用户显示一个离子弹出窗口。 我正在使用数字键(按钮)在我的计算器中输入数字。我怎样才能做到这一点?超过文本框中的最大位数后显示离子弹出框
答
可以使用NG-变化和发送NG-模型值在控制器,输入控制器检查长度一旦其等于15就可以显示弹出
答
可以使用$scope.$watch
看你的模型值。
view.html
<input type="text" ng-model="inputValue">
controller.js
$scope.$watch('inputValue', function(newValue, oldValue) {
if(newValue.length === 15) {
showPopup(); // your function to show popup
}
});
答
HTML:
<input type="input" id="myinput1" value="0" size="15" maxlength="15" />
个JS:
$(document).ready(function(){
$('[id^=myinput1]').keypress(validateNumber);
});
$("#myinput1").on('input', function() {
if ($(this).val().length>=15) {
alert('show pop up');
}
});
function validateNumber(event) {
var key = window.event ? event.keyCode : event.which;
if (event.keyCode === 8 || event.keyCode === 46) {
return true;
} else if (key < 48 || key > 57) {
return false;
} else {
return true;
}
};
你能不能做一个MAXLENGTH = “15”,所以它永远不会超过15? –
我可以设置它,但我也想显示一个弹出窗口 –