Soru & Cevap

Angularjs ile iki inputun en fazla alacağı değeri belirlemek ...

20.05.2017 - 02:50

angularjs de kullanıcıya iki input veriliyor ve sayı girmesi isteniyor ama bu iki inputun içine girilen sayı 100 den büyük olmamalı kodlar hiç bir button kullanmadan yazılıyor.

58 Görüntülenme

1 Cevap

Sitedeki sorulara cevap verebilmek için giriş yapın ya da üye olun.

Profile picture for user ardakazanc
ardakazanc
20.05.2017 - 06:03

Merhaba , 

<div ng-app ng-controller="limitKontrol">
   
    <form name="myForm">
        <input type="number" name="input" class="form-control input-lg" ng-model="search.main" placeholder="Sayı gir" ng-minlength="1" ng-maxlength="3" min="1" max="100" ng-class="{'red':myForm.input.$invalid}" />
    </form>

</div>

function limitKontrol($scope) {
    $scope.search = {
        main: 1
    };
}
.red {
    border:1px solid red;
}

input {
    padding:10px;
    outline:none;
}

 

Mantık basit , girilen değer 100 den büyük ise text girişini kırmızı yapıyor. Uyarıda sunabilirsin. Kendine göre şekillendirmen yeterli. İyi çalışmalar.