Form Condition

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

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

At the moment there are only simple conditions supported:

(formName.fieldName) (Comparison or Logical Operator) ('fieldValue')

is-valid: myForm.myField == '1'

• 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'

This is not very accessible! As a small helper, at least describe what happens in the label. You can use visually hidden text for that.

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

is-opened: myForm1.my_Field[0] == '1'

is-opened: myForm3.my.Field == '1'

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