-
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
All you Need to Know About Salesforce Apex Scheduler | The Ultimate Guide
Apex Scheduler Apex code that is scheduled to run at a specific time over a set period of time. A class that repeats at regular…
Salesforce Marketing Cloud Segmentation Strategy in 2024
Delivering personalized marketing and campaign messaging is at the heart of engaging customers effectively in today’s digital age. The Salesforce Marketing Cloud is a world-class…
Top 10 Salesforce Podcasts You Must Follow in 2021
Whether you’re a novice Salesforce user or someone with years of experience using its CRM features, there’s always more that you can learn about it.…
Popular Salesforce Videos
How to create an App in Lighting Experience?
Salesforce is the trusted cloud when it comes to privacy and we are sure the Lightning will strike here thrice. As Salesforce is expanding, new…
How to Set Up Salesforce Customer Community
Step by Step Salesforce tutorial for quickly setting up a Customer Community with Customer Service (Napili) Template.
Topics to Master to Crack Your Salesforce Administrator Certification Exam
If you're preparing for your Salesforce Administrator Certification and wondering there's a lot that you need to cover from the study material provided by Salesforce.…
