Validatious 2.0

Easy form validation with unobtrusive JavaScript

Class names

The reporting module uses three class names that you can hook up to through CSS, or change:

• failureClass, default value "error". This class name is appended to the parent element of a field when it fails validation, or to the fieldset/div when grouping validations.
• successClass, default value "". Appended to the parent element/fieldset/div when validation passes.
• messagesClass, default value "messages". Class name on the ul that contains the error messages.

Before validation

  

    Name
    
  
  

    E-mail
    
  

After failed validation

  

    

      
Name is required
    
    Name
    
  
  

    

      
E-mail should be a valid email address
    
    E-mail
    
  

After successful validation

Assuming v2.Field.prototype.successClass = 'success';, and the name field is now valid:

  

    Name
    
  
  

    

      
E-mail should be a valid email address
    
    E-mail
    
  

Before validation, grouped validations

  

    Name
    
  
  

    E-mail
    
  

After failed validation, grouped validations

  

    
Name is required
    
Email should be a valid email
  
  

    Name
    
  
  

    E-mail
    
  

After successful validation, grouped validations

Assuming v2.Fieldset.prototype.successClass = 'success';, and both fields are now valid:

  

    Name
    
  
  

    E-mail
    
  

Next: Limit number of errors | Back to Reporting extension features index