core.field.invalid event

Triggered after validating a field, and it is an invalid field

The event parameter presents the field name.

Using the global script in the browser

            
              const
               fv 
              =
              
              FormValidation
              .
              formValidation
              (
              
            
            
              
              document
              .
              getElementById
              (
              'demoForm'
              )
              ,
              
            
            
              
              {
              
            
            
              
              ...
              
            
            
              
              }
              
            
            
              
              )
              ;
              
            
            
              
            
            
              fv
              .
              on
              (
              'core.field.invalid'
              ,
              
              function
              (
              event
              )
              
              {
              
            
            
              
              ...
              
            
            
              
              }
              )
              ;

Using the ES6 module

            
              import
              
              {
               formValidation 
              }
              
              from
              
              '/path/to/-validation/cjs/bundle/popular'
              ;
              
            
            
              
            
            
              
              const
               fv 
              =
              
              formValidation
              (
              
            
            
              
              document
              .
              getElementById
              (
              'demoForm'
              )
              ,
              
            
            
              
              {
              
            
            
              
              ...
              
            
            
              
              }
              
            
            
              
              )
              ;
              
            
            
              fv
              .
              on
              (
              'core.field.invalid'
              ,
              
              function
              (
              event
              )
              
              {
              
            
            
              
              ...
              
            
            
              
              }
              )
              ;

Using the npm package

            
              import
              
              {
               formValidation 
              }
              
              from
              
              '-validation/bundle/popular'
              ;
              
            
            
              
            
            
              
              const
               fv 
              =
              
              formValidation
              (
              
            
            
              
              document
              .
              getElementById
              (
              'demoForm'
              )
              ,
              
            
            
              
              {
              
            
            
              
              ...
              
            
            
              
              }
              
            
            
              
              )
              ;
              
            
            
              fv
              .
              on
              (
              'core.field.invalid'
              ,
              
              function
              (
              event
              )
              
              {
              
            
            
              
              ...
              
            
            
              
              }
              )
              ;

core.field.added event core.field.removed event