Toggle Side Panel
Close search

Activity › Forums › Salesforce® Discussions › How to Validate string that is Numeric in AngularJs ?

Tagged: , , , , , , , ,

  • Adarsh

    Member
    January 11, 2018 at 7:58 AM

    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 🙂

  • [adinserter block='9']

  • Piyush

    Member
    January 11, 2018 at 8:16 AM

    Hi Adarsh,

    Thanks for the response but I need this functionality in AngularJS. In AngularJs we did not support "return event.charCode".

     

  • Adarsh

    Member
    January 11, 2018 at 10:22 AM

    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

Popular Salesforce Videos