Always track disabled fields

This way, if they become enabled, we'll validate them. If they become disabled, we won't validate them.

Pages/Demos/DisabledInputsNoWatch.cshtml

@@ -96,7 +96,12 @@
             inputStatus.innerText = input.disabled ? 'disabled' : 'enabled';
             toggleButton.innerText = input.disabled ? 'Enable' : 'Disable';
 
-            service.reset(input);
+            // If you dynamically disable a field, the next time validation occurs, the field will be ignored.
+            // If you dynamically enable a field, the next time validation occurs, the field will be validated.
+            // However, the current validation state will not be updated unless you call reset on the service
+            // or use the watch: true option in service.bootstrap.
+
+            //service.reset(input);
         }
 
         updateStatus('Value1');

src/index.ts

@@ -1029,10 +1029,6 @@ export class ValidationService {
      * @param input
      */
     addInput(input: ValidatableElement) {
-        if (this.isDisabled(input)) {
-            return;
-        }
-
         let uid = this.getElementUID(input);
 
         let directives = this.parseDirectives(input.attributes);
@@ -1097,7 +1093,7 @@ export class ValidationService {
 
         for (let i = 0; i < inputs.length; i++) {
             let input = inputs[i];
-            if (remove || this.isDisabled(input)) {
+            if (remove) {
                 this.removeInput(input);
             }
             else {

types/index.d.ts

@@ -263,6 +263,8 @@ export declare class ValidationService {
      * @param inputUID
      */
     private trackFormInput;
+    reset(input: HTMLElement): void;
+    private resetField;
     private untrackFormInput;
     /**
      * Adds an input element to be managed and validated by the service.
@@ -306,6 +308,12 @@ export declare class ValidationService {
      * @returns
      */
     private isHidden;
+    /**
+     * Checks if the provided input is disabled
+     * @param input
+     * @returns
+     */
+    private isDisabled;
     /**
      * Adds addClass and removes removeClass
      * @param element Element to modify
@@ -320,7 +328,7 @@ export declare class ValidationService {
     /**
      * Load default validation providers and scans the entire document when ready.
      * @param options.watch If set to true, a MutationObserver will be used to continuously watch for new elements that provide validation directives.
-     * @param options.addNoValidate If set to true (the default), a novalidate attribute will be added to the containing form in validate elemets.
+     * @param options.addNoValidate If set to true (the default), a novalidate attribute will be added to the containing form in validate elements.
      */
     bootstrap(options?: Partial<ValidationServiceOptions>): void;
     /**
@@ -358,7 +366,7 @@ export declare class ValidationService {
      */
     ValidationSummaryCssClassName: string;
     /**
-     * Override CSS class name for valid validation summary. Default: 'field-validation-valid'
+     * Override CSS class name for valid validation summary. Default: 'validation-summary-valid'
      */
     ValidationSummaryValidCssClassName: string;
 }