-
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
Salesforce CPQ Discounting Tools | All You Need to Know
Today we're going to take a look at CPQ Discounting Tools. As the name implies, this tool allows automatically applying discounts to the price of…
All About Salesforce Marketing Cloud, Email studio and Content Builder
Hey you all, hope you are doing well! In this blog, I am going to tell you about Marketing Cloud and its primary email sending…
Benefits of Salesforce Implementation for Healthcare
Are you planning to implement Salesforce or still wondering if it will make sense to have expert Salesforce implementation services for healthcare? With an aim…
Popular Salesforce Videos
Salesforce DX simplified with AutoRABIT - Bay Area Salesforce Developer Group
A common need that teams developing on the Salesforce platform express is the desire for a single solution that will take their developers through the…
Salesforce Development Tutorial - sObjects
It is very easy to learn Salesforce with the world class training tutorial. Training is key for the right knowledge. Those who work as an…
Top 10 Reasons to Learn Salesforce | Why Should you Learn Salesforce in 2021
The "Top 10 Reasons to Learn Salesforce" video will give you good reasons to learn and start your career in Salesforce. We will address the…
