Styleguide Navigation

FormCondition

Usage

This simple JavaScript component checks a condition with form-values and sets a class to the current node if the condition is true.

Syntax:
(ClassName1): (condition1)[; (ClassName2): (condition2)]

At the moment there are only simple conditions supported:

Condition:
(formName.fieldName) (Comparison Operator) ('fieldValue')
is-valid: myForm.myField == '1'

Comparison Operators
"==", "===", "<=", ">=", "<", ">", "!=", "!=="

Conditin examples
  • myClassname: myForm.myField == '1'
  • myClassname: myForm.myField < '1'
  • myClassname: myForm.myField <= '1'
  • myClassname: myForm.my.Field > '1'
  • myClassname: myForm.myField[0] >= '1'
  • myClassname: myForm.my.Field[0] != '1'

Example (show)

FormCondition:
is-opened: myForm0.myField == '1'

Container 1

Condition myForm0.myField == '1' is true.

Container 2

Condition myForm0.myField == '2' is true.

Multi Conditions

FormCondition:
is-valid: myForm2.inputField == '1'; has-error: myForm2.inputField != '1'; is-not-empty: myForm2.inputField != ''

Value '1' is valid