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 🙂

  • 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

Report

Harassment or bullying behavior
Harassment or bullying behavior
Contains mature or sensitive content
Contains misleading or false information
Mobile App Reported Contents
Contains abusive or derogatory content
Contains spam, fake content or potential malware

Block Member?

Please confirm you want to block this member.

You will no longer be able to:

  • See blocked member's posts
  • Mention this member in posts
  • Invite this member to groups
  • Message this member
  • Add this member as a connection

Please note: This action will also remove this member from your connections and send a report to the site admin. Please allow a few minutes for this process to complete.

Report

You have already reported this .