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.

61 Görüntülenme
Cevap Yaz

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. 

Yorum Yap