OLMIS-8127: Validate batch approve field on blur

CHANGELOG.md

@@ -7,6 +7,7 @@ Bug fixes:
 * [OLMIS-8191](https://openlmis.atlassian.net/browse/OLMIS-8191): Remarks column editable and size adjustable dynamically.
 >>>>>>> master
 * [OLMIS-8154](https://openlmis.atlassian.net/browse/OLMIS-8154): Explanation no longer required when requested equals calculated.
+* [OLMIS-8127](https://openlmis.atlassian.net/browse/OLMIS-8127): Batch approve now shows validation error immediately when field is cleared and loses focus.
 
 7.0.16 / 2026-02-05
 =================

src/requisition-batch-approval/validate-requisition.directive.js

@@ -60,6 +60,7 @@
             }
 
             ngModelCtrl.$viewChangeListeners.push(validateRequisition);
+            element.on('blur', validateRequisition);
 
             wrapper.on('openlmisInvalid.show', updateMessage);
             wrapper.on('openlmisInvalid.hide', updateMessage);

src/requisition-batch-approval/validate-requisition.directive.spec.js

@@ -127,6 +127,38 @@ describe('validateRequisition directive', function() {
 
     });
 
+    describe('on blur (OLMIS-8127)', function() {
+
+        it('should mark requisition invalid when blank field loses focus', function() {
+            div.find('div:nth-child(1) input').val('');
+            div.find('div:nth-child(1) input').triggerHandler('change');
+            $scope.$apply();
+
+            div.find('div:nth-child(1) input').triggerHandler('blur');
+
+            div.find('div:nth-child(1) input')
+                .parent()
+                .trigger('openlmisInvalid.show');
+
+            expect($scope.requisition.$error).not.toBeUndefined();
+        });
+
+        it('should not mark requisition invalid on blur when field is filled', function() {
+            div.find('div:nth-child(1) input').val(5);
+            div.find('div:nth-child(1) input').triggerHandler('change');
+            $scope.$apply();
+
+            div.find('div:nth-child(1) input').triggerHandler('blur');
+
+            div.find('div:nth-child(1) input')
+                .parent()
+                .trigger('openlmisInvalid.show');
+
+            expect($scope.requisition.$error).toBeUndefined();
+        });
+
+    });
+
     function compileMarkup(markup) {
         var element = $compile(markup)($scope);