-
How to Validate string that is Numeric in AngularJs ?
I have created a input text field in AngularJs. And my requirement is that user only able to enter Numeric value. If user try to enter any character or Special character then it not allow to enter .
Any help will really appreciable. -
3 Replies
-
Hello Piyush,
If we talking about only this requirement, then I think this is the simplest and fastest way for allowing the Number input only.
<input type="text" id="NumOlny" placeholder="Enter a Number" onkeypress='return event.charCode >= 48 && event.charCode <= 57' required>
Hope it helps 🙂
-
Hi Adarsh,
Thanks for the response but I need this functionality in AngularJS. In AngularJs we did not support "return event.charCode".
-
Hi,
You may use “return event.keyCode“ or there is a script, may it helps you.
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.directive('numbersOnly', function () {
return {
require: 'ngModel',
link: function (scope, element, attr, ngModelCtrl) {
function fromUser(text) {
if (text) {
var transformedInput = text.replace(/[^0-9]/g, '');if (transformedInput !== text) {
ngModelCtrl.$setViewValue(transformedInput);
ngModelCtrl.$render();
}
return transformedInput;
}
return undefined;
}
ngModelCtrl.$parsers.push(fromUser);
}
};
});
</script>
<div ng-app="app" class="container">
<p><input type="text" ng-model="val" numbers-only class="form-control" /></p>
</div>
</html>
Log In to reply.
Popular Salesforce Blogs
How to Reduce Project's Cost with Business Analysis | Salesforce Business Analyst Guide
❛Without BA, you risk returning to the starting point and adding to that a significant loss of time and financial resources❜ Why are business analysis…
A Comprehensive Comparison of Salesforce Standard Quote and Salesforce CPQ for Manufacturing Companies
As a seasoned Salesforce consultant, I have spent countless hours assisting all kinds of companies, including Tech, Sanitary, Service and... Manufacturing in optimizing their quoting…
Retrieve picklist value of a Record Type using MetaData Service in Salesforce
Picklist values are able to see using standard UI of sObject then field name and then record type name. What if we want to see…
Popular Salesforce Videos
How to Prepare for Salesforce Platform App Builder (CRT-402) ?
The Salesforce Platform App Builder certification focuses on the different declarative functions available to an admin. Development and code are not included, but it focuses…
Salesforce DX Keynote: Continuous Development on the Lightning Platform
Calling all developers for a deep dive into how everyone, whether you click or code, can build on the Lightning Platform! Join us and learn…
Manual & Apex Managed Sharing in Salesforce
In this video, we will talk about Manual Sharing and Apex Managed Sharing. Manual Sharing Manual Sharing is used to share the record Manually. For…