VulcanVal
Vulcan Validator, validate HTML form data universally seamlessly.
A package to validate maps of data extracted from HTML forms in the client and server sides and a customizable jQuery plugin to validate forms as you type with ease.
When you install the VulcanVal jQuery plugin using SASS, you can configure the following variables and use some of these mixins to customize you forms when they are validated.
For more details about installation, see VulcanVal install.
More info at Documentation | Demos | JS API | SASS Config
License
display
variables
vv-display-error-color
$vv-display-error-color: #ec5840 !default;Description
Display error font color.
Type
Color
vv-display-error-margin
$vv-display-error-margin: 0 0 1rem 0 !default;Description
Display error margin.
vv-display-error-font-weight
$vv-display-error-font-weight: bold !default;Description
Display error font weight.
vv-display-error-animation-show
$vv-display-error-animation-show: vvDisplayShow #{$vv-animation-time}ms linear 0s 1 alternate !default;Description
Display error for show message.
vv-display-error-animation-update
$vv-display-error-animation-update: vvDisplayUpdate #{$vv-animation-time}ms linear 0s 1 alternate !default;Description
Display error animation for message update.
field
variables
vv-field-error-color
$vv-field-error-color: #0a0a0a !default;Description
Field error font color.
Type
Color
vv-field-error-border-color
$vv-field-error-border-color: #ec5840 !default;Description
Field error border color.
Type
Color
vv-field-error-background-color
$vv-field-error-background-color: rgba(236, 88, 64, 0.1) !default;Description
Field error background color.
Type
Color
vv-field-error-focus-color
$vv-field-error-focus-color: null !default;Description
Field error :focus font color.
Type
Color
vv-field-error-focus-border-color
$vv-field-error-focus-border-color: #ec5840 !default;Description
Field error :focus border color.
Type
Color
vv-field-error-focus-background-color
$vv-field-error-focus-background-color: null !default;Description
Field error :focus background color.
Type
Color
label
variables
vv-label-error-color
$vv-label-error-color: #ec5840 !default;Description
Label error font color.
Type
Color
General
mixins
vv-transitions
@mixin vv-transitions() { ... }Description
Adds transitions for color, background-color and border-color. The time used to those transitions is the variable $vv-animation-time.
Parameters
None.
Requires
- [variable]
vv-animation-time
variables
vv-animation-time
$vv-animation-time: 300 !default;Description
Animations and transitions time in milliseconds.
Type
Number
Used by
- [mixin]
vv-transitions