在文本框中超過最大位數后顯示離子彈出

Question

我目前正在使用Ionic1和AngularJS開發基本的計算器。 我想將屏幕上輸入的位數限制為僅15位。 我想向用戶顯示一個離子彈出窗口。 我正在使用數字鍵（按鈕）在計算器中輸入數字。 我怎樣才能做到這一點？

Answer 1

您可以在控制器中使用ng-change並發送ng-model值，在控制器中檢查輸入的長度是否等於15，您可以顯示彈出窗口

Answer 2

您可以使用$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
    }
});

Answer 3

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;
    }
};

JSFiddle演示