रोकें पत्र 'ई' और एक इनपुट संख्या

Question

में टाइप किया जा रहा मैं इस तरह एक साधारण इनपुट संख्या है से डॉट्स:

<input type="number"/> 

एक नंबर या वर्ण "e" के अलावा अन्य इनपुट कुछ भी करने की कोशिश कर रहे हैं, यह काम नहीं करता है, लेकिन जब मैं अक्षर "ई" टाइप करता हूं तो यह काम करता है।

मैंने w3.org चश्मा की जांच की, और यह स्पष्ट रूप से बताता है कि सामान्य नोटेशन (पूर्व: 10.2) या वैज्ञानिक नोटेशन (पूर्व: 1e2) का उपयोग करके फ़्लोटिंग संख्या टाइप की जा सकती है।

तो मेरा सवाल यह है: क्या उपयोगकर्ता को ई अक्षरों और बिंदुओं को टाइप करने से रोकने का कोई तरीका है। एक और तरीके से कहा: क्या इनपुट नंबर को स्वीकार करने का कोई तरीका है केवल इंटेग्रर नंबर?

मुझे एंगुलर निर्देश के साथ ऐसा करने का विचार है कि मैं अपने इनपुट नंबर पर एक विशेषता के रूप में इनपुट करूंगा, लेकिन मुझे वास्तव में यह नहीं पता कि यह काम कैसे किया जाए।

संपादित: मैं करना चाहते हैं क्या एक ही व्यवहार अनुकरण करने के लिए है कि अब हम जब, या "ई" के अलावा अन्य वर्णमाला में किसी अन्य अक्षर टाइप करने की कोशिश कर रहा है "।"। मैं जो कहना चाहता हूं वह यह है कि मैं इनपुट में दिखाई देने वाला पत्र नहीं देखना चाहता (जैसा कि अब मामला है)।

Answer 1

आप सही हैं कि इसे निर्देश के साथ किया जाना चाहिए। बस एक निर्देश बनाएं और इसे input से संलग्न करें। इस निर्देश को keypress और/या keydown ईवेंट सुनना चाहिए। संभवतः घटनाओं को पेस्ट करें। यदि दर्ज किया गया चार्ट एक 'ई' या डॉट-कॉल event.preventDefault() है;

angular.module('app', []) 
 
    .directive('yrInteger', yrInteger); 
 

 
function yrInteger() { 
 
    return { 
 
    restrict: 'A', 
 
    link: function(scope, element, attrs) { 
 
    
 
     element.on('keypress', function(event) { 
 

 
     if (!isIntegerChar()) 
 
      event.preventDefault(); 
 
     
 
     function isIntegerChar() { 
 
      return /[0-9]|-/.test(
 
      String.fromCharCode(event.which)) 
 
     } 
 

 
     })  
 
    
 
    } 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app"> 
 
    <input 
 
     type="number" 
 
     yr-integer 
 
     /> 
 
</div>

Answer 2

आप बस का उपयोग कर सकते आपके इनपुट के ng-pattern

नियंत्रक

$scope.onlyDigits= /^\d+$/; 

एचटीएमएल

<input ng-pattern="onlyDigits" type="number" /> 

यह पैटर्न उपयोग \d जो किसी भी सांख्यिक मान