Input field not updating with ng-keydown event

Question

In this piece of code I want to add validation to input field, if the value is 0 but I don't know why I am not able to update and enter new value in the input field. Simply I am not able to change the input field value.

Value remain same if I delete existing value and add something in existing value.

Here is HTML code:

<input ng-model="lineitemDetailsCtrlAs.lineItems.orderedQuantity" type="text" class="col-md-6 text-right panel-row-spacing"
                ng-keydown="valueChanged($event)" required
                />

and angular code is:

$scope.valueChanged = function (event) {
 var quantityRequire={};
    if (event.keyCode === 48 || lineitemDetailsCtrlAs.lineItems.orderedQuantity == 0) {
            quantityRequire = {
              "messageId": "ORDERED_QUANTITY",
              "params": [],
              "severity": "ERROR"
            };
            lineitemDetailsCtrlAs.errorMessages.push(quantityRequire);
          }
          else{
            event.preventDefault();
          }
    };

Can you show your controller code?

Bon Macalindong
– Bon Macalindong

2016-04-25 06:27:49 +00:00
Commented Apr 25, 2016 at 6:27 — Bon Macalindong
– Bon Macalindong, Commented Apr 25, 2016 at 6:27
I have already showed my controller code.

Mannu
– Mannu

2016-04-25 06:37:19 +00:00
Commented Apr 25, 2016 at 6:37 — Mannu
– Mannu, Commented Apr 25, 2016 at 6:37
can you create a plunker, plnkr.co

dreamweiver
– dreamweiver

2016-04-25 07:20:19 +00:00
Commented Apr 25, 2016 at 7:20 — dreamweiver
– dreamweiver, Commented Apr 25, 2016 at 7:20

Rameshkumar Arumugam · Accepted Answer · 2016-04-25 06:33:09Z

1

you are stopping event by "event.preventDefault();", because only keycode 48 (only number 0) is acceptable others keyevents are falling down on else condition and stop updating input value.

answered Apr 25, 2016 at 6:33

Rameshkumar Arumugam

1511 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mannu Over a year ago

I have removed else part of code but again I am not able to update input field

Zhiliang Xing · Accepted Answer · 2016-04-25 06:43:36Z

I think Rameshkumar Arumugam is right about what's wrong with your code, below is a working example

angular.module("myApp", [])
  .controller("MainCtrl", function($scope) {
    $scope.lineItems = {
      orderedQuantity: 12
    };
    $scope.errorMessages = [];
    $scope.valueChanged = function(event) {
      var quantityRequire = {};
      if (event.keyCode === 48 || $scope.lineItems.orderedQuantity == 0) {
        quantityRequire = {
          "messageId": "ORDERED_QUANTITY",
          "params": [],
          "severity": "ERROR"
        };
        alert(quantityRequire["messageId"]);
        $scope.errorMessages.push(quantityRequire);
      }
    };
  })

<div ng-app="myApp">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  <div ng-controller="MainCtrl">
    <input ng-model="lineitemDetailsCtrlAs.lineItems.orderedQuantity" type="text" class="col-md-6 text-right panel-row-spacing" ng-keydown="valueChanged($event)" required />
  </div>
</div>

Collectives™ on Stack Overflow

Input field not updating with ng-keydown event

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related