मैंने न्यूनतम, अधिकतम विशेषताओं का उपयोग किया

<input min="1" max="100" type="number">

ऊपर इनपुट फ़ील्ड माउस ओवर पर त्रुटि दिखा रहा है। यानी, "कृपया वह मान चुनें जो 100 से अधिक न हो।"

मैं उपयोगकर्ता को 1 से 100 दर्ज करने के लिए प्रतिबंधित करना चाहता हूं और त्रुटि संदेश नहीं दिखाना चाहिए।

हमें उपयोगकर्ता को 100 के अलावा दो अंकों से अधिक मान दर्ज करने की अनुमति नहीं देनी चाहिए।

0
Veera Bhadra 20 मार्च 2017, 18:21
एरर दिखाने के लिए फंक्शन होवर को कॉल करें और ओवर आउट एरर को छुपाएं
 – 
Saurabh Agrawal
20 मार्च 2017, 18:26
का संभावित डुप्लिकेट एचटीएमएल इनपुट में रेंज में (प्रकार = संख्या)
 – 
Heretic Monkey
20 मार्च 2017, 19:51

3 जवाब

आप अपना प्रतिबंध बनाने के लिए महत्वपूर्ण घटनाओं का उपयोग कर सकते हैं, इसलिए जब उपयोगकर्ता कुछ ऐसा टाइप करता है जो आप नहीं चाहते हैं, तो मान स्वचालित रूप से बदल जाएगा।

<input min="1" max="100" type="number" id="myinput">

<script>
    $(document).ready(function(){
        $("#myinput").on('keypress keyup', function(){

            var max = parseInt($(this).attr('max'));
            var min = parseInt($(this).attr('min'));
            var val = $(this).val();

            (val < 1) ? $(this).val(min) : $(this).val();
            (val > 100) ? $(this).val(max) : $(this).val();

        });
    });
</script>
0
heliosk 20 मार्च 2017, 19:47

मैंने इनपुट फ़ील्ड में वर्णों की संख्या को सीमित करने के लिए एक निर्देश बनाया है। यह IE11 जैसे पुराने ब्राउज़र के साथ भी संगत है।

.directive("limitTo", [function() {
return {
    restrict: "A",
    require: "ngModel",
    link: function(scope, elem, attrs, ctrl) {
        var limit = parseInt(attrs.limitTo);
        ctrl.$parsers.push(function (value) {
            if (value.length > limit){
                value = value.substr(0, limit);
                ctrl.$setViewValue(value);
                ctrl.$render();
            }
            return value;
        });
      }
    }
  }]);

उदाहरण : <input type="text" ng-model="test" limit-to="100" />

मेरे काम करने के निर्देश के लिए, ng-model विशेषता की आवश्यकता है। उदाहरण

0
Muhammed Neswine 20 मार्च 2017, 21:34
कृपया नमूना स्निपेट कोड साझा करें, मेरे लिए काम नहीं कर रहा है
 – 
Veera Bhadra
20 मार्च 2017, 21:24
@ वीरभद्र: मैंने अपना उदाहरण अपडेट कर लिया है। कृपया यह जाँचें।
 – 
Muhammed Neswine
20 मार्च 2017, 21:32

एक जावास्क्रिप्ट कोड बनाएं जो प्रतिबंध लगाता है, इसलिए जब उपयोगकर्ता 1 से नीचे की संख्या दर्ज करते हैं तो इसे 1 से बदल दिया जाएगा। और 100 से अधिक की सभी संख्याओं को 100 से बदल दिया जाएगा।

कोड:

<input min="1" max="100" type="number" onchange="restrictValue(this)">
<script>
function restrictValue(input) {
    if (input.value < 1) {
        input.value = 1;
    }
    if (input.value > 100) {
        input.value = 100;
    }
}
</script>

यदि आप चाहते हैं कि उपयोगकर्ता लिखते समय यह काम करे, तो बस onchange को oninput में बदलें।

0
janlindso 20 मार्च 2017, 22:31