-
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
Essential Tips and Tricks for Successful CRM Data Migration | Salesforce
A real headache could be the data migration process essential to your new CRM solution’s success. To reduce hassle or issues, it is critical to…
Busting 5 Myths Around Salesforce
In today’s fast-paced world, there are a lot of businesses and start-ups who come up with a ground-breaking idea but unfortunately fail to make it…
No Code Salesforce and NetSuite Integration
The first cloud computing software provider is recognized to be NetSuite. You can manage your sales process more effectively with real-time access to your back…
Popular Salesforce Videos
Email to Case Advance | Converting Cases from Emails Effectively | Salesforce Tutorial
Email-to-Case Advance is an enhanced version of the Salesforce Email-to-Case functionality that converts customer email to cases. It works for Salesforce Service Cloud and provides…
Process Builder In Salesforce | Tutorial Video
Do you want to create a record for any object from a workflow? Do you want to call your Apex class from a workflow? Do…
Meet the Salesforce Singapore Small Business Relief Grants Recipients
Small businesses are the heart of our community and the driver of the economy. Salesforce and Singapore Business Federation are pleased to announce the successful…
