applyClass() function

Applies a particular class name with a particular delay to an element depending on validity.

Syntax

applyClass()
applyClass(stateValues)
applyClass(effectID, stateValues)
applyClass(htmlElement, effectID, stateValues)
applyClass(effectID, htmlElement, stateValues)
applyClass(effectID, stateValues, htmlElement)
applyClass(htmlElement, stateValues, effectID)
applyClass(stateValues, htmlElement, effectID)
applyClass(stateValues, effectID, htmlElement)

Parameters

htmlElement ^optional
An object that implements the HTMLElement interface.
Default: undefined.
effectID ^optional
A string identifier of the effect.
Default: A unique string value for each function call.
stateValues ^optional
An object that specifies values for validity states. The available properties are:
- true ^optional
  An object with properties for the validity state equal to true. The available properties are:
  - delay ^optional
    A number in milliseconds for the effect to be deferred for this validity state.
    Default: 0.
  - value ^optional
    The value of a class name to be applied for this validity state.
    Default: string 'valid'.
- false ^optional
  An object with properties for the validity state equal to false. The available properties are:
  - delay ^optional
    A number in milliseconds for the effect to be deferred for this validity state.
    Default: 0.
  - value ^optional
    The value of a class name to be applied for this validity state.
    Default: string 'invalid'.

Return value

An Array with two functions:

A function for cancellation the effect if it is deffered.
A function for setting the effect.

Both functions accept the following arguments:

validationResult
A ValidationResult object.

Exceptions

See exceptions of the function returned by the createApplyEffect() function.

Description

This function was created with using createApplyEffect().

See the description of applyEffect(), cancelEffect(), setEffect() on the createApplyEffect() function page.

Implementation: apply-class.js.