我目前正在使用Ionic1和AngularJS进行基本计算。我想限制在屏幕上输入的数字只有15位数。我想向用户显示一个离子弹出窗口。 我正在使用数字键(按钮)在我的计算器中输入数字。我怎样才能做到这一点?超过文本框中的最大位数后显示离子弹出框
0
A
回答
0
可以使用NG-变化和发送NG-模型值在控制器,输入控制器检查长度一旦其等于15就可以显示弹出
0
可以使用$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
}
});
0
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;
}
};
相关问题
- 1. 显示弹出文本框
- 2. 只显示文本框中的最后4位数
- 3. 无法关闭离子模式的离子超级弹出框
- 4. 定制离子框架弹出框
- 5. 在文本框中显示当前最大列值后的值
- 6. 显示弹出框
- 7. 文本和按钮超出弹出框大小
- 8. 当文本超过文本框中的最大宽度时显示工具提示
- 9. SSRS在文本框中显示小数点后的零位
- 10. 弹出文本框
- 11. UL子弹显示外框
- 12. 如何在文本框中显示弹出选中的值
- 13. 如何只显示文本框中的最后4位数字访问2010
- 14. 数字文本框中的最大数
- 15. Facebook oauth显示弹出框
- 16. JavaScript弹出框不显示
- 17. 显示弹出对话框
- 18. Twitter引导:如何显示文本框中的弹出窗口
- 19. 在点击超链接后显示一些文字的模态弹出框
- 20. 离子弹出和复选框列表
- 21. 如何使用离子框架显示子弹列表?
- 22. 弹出后禁用所有文本框
- 23. 我想要的文本框不显示大于最大
- 24. 通过弹出框删除弹出框
- 25. 从文本框中检索html并弹出显示
- 26. 在文本框中单击,显示(弹出)日历?
- 27. CSS文本溢出省略号悬停并在弹出框中显示文本
- 28. PHP文本框显示提交后的最后一个输入
- 29. 只显示文本框中的最后一个字符
- 30. 在弹出框中显示bingmap
你能不能做一个MAXLENGTH = “15”,所以它永远不会超过15? –
我可以设置它,但我也想显示一个弹出窗口 –