Summary of features

Form validation doesn't have to be complicated. COLOURcode has been designed to work with three simple validators, all of which can be configured via in-line markup. Bootstrap Validator is easily our favourite, being simple, effective, and allowing both pattern matching and checkbox validation.

At a glance

  • Designed to integrate with the excellent Bootstrap Validator.
  • Supports instant text and icon feedback while you type.
  • Leaves no doubt as to where form errors need attention.

Validation states ( default form )

Help text for detailed message.
Help text for detailed message.
Help text for detailed message.
(success)
(warning)
(error)
@
(success)
@
(warning)
@
(error)
Help text for detailed message.
Help text for detailed message.
Help text for detailed message.

Bootstrap validator (with rules in markup)

jQuery validation (with rules in markup)

HTML5 validation (with rules in markup)

The behaviour and presentation of HTML5 Validation is handled by the browser and is not yet properly supported by Safari.

Validation states ( styled form )

Help text for detailed message.
Help text for detailed message.
Help text for detailed message.
(success)
(warning)
(error)
@
(success)
@
(warning)
@
(error)
Help text for detailed message.
Help text for detailed message.
Help text for detailed message.

Bootstrap validator (with rules in markup)

jQuery validation (with rules in markup)

HTML5 validation (with rules in markup)

The behaviour and presentation of HTML5 Validation is handled by the browser and is not yet properly supported by Safari.

Validation states ( in coloured panel )

Help text for detailed message.
Help text for detailed message.
Help text for detailed message.
(success)
(warning)
(error)
@
(success)
@
(warning)
@
(error)
Help text for detailed message.
Help text for detailed message.
Help text for detailed message.

Bootstrap validator (with rules in markup)

jQuery validation (with rules in markup)

HTML5 validation (with rules in markup)

The behaviour and presentation of HTML5 Validation is handled by the browser and is not yet properly supported by Safari.