The latest news about FormValidation
29 Jul 2016
27 Jun 2016
FormValidation v0.8.0 supports both Bootstrap 3/4 as well as Foundation 5/6.
You need to perform the following changes if you want to try Bootstrap 4 (alpha) or still want to use Foundation 5:
This section is already mentioned in the Including library section:
<!-- Bootstrap CSS v4.0.0 alpha -->
<link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
<!-- FormValidation CSS file -->
<link rel="stylesheet" href="/vendor/formvalidation/dist/css/formValidation.min.css">
<!-- jQuery v1.9.1 or higher -->
<script src="/vendor/jquery/jquery.min.js"></script>
<!-- Tether library, which is required if you want to use Bootstrap tooltip -->
<script src="/vendor/tether/js/tether.min.js"></script>
<!-- Bootstrap JS -->
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- FormValidation plugin and the class supports validating Bootstrap form -->
<script src="/vendor/formvalidation/dist/js/formValidation.min.js"></script>
<script src="/vendor/formvalidation/dist/js/framework/bootstrap4.min.js"></script>Don't confuse bootstrap(.min).js file provided by the Bootstrap framework with bootstrap4(.min).js provided by FormValidation which is placed inside the formvalidation/dist/js/framework directory.
They are two different files and both of them need to be included as mentioned above.
<!-- Foundation v5 CSS -->
<link rel="stylesheet" href="/vendor/foundation/css/normalize.min.css">
<link rel="stylesheet" href="/vendor/foundation/css/foundation.min.css">
<!-- FormValidation CSS file -->
<link rel="stylesheet" href="/vendor/formvalidation/dist/css/formValidation.min.css">
<!-- jQuery v1.9.1 or higher -->
<script src="/vendor/jquery/jquery.min.js"></script>
<!-- Foundation JS file -->
<script src="/vendor/foundation/js/vendor/modernizr.js"></script>
<script src="/vendor/foundation/js/foundation/foundation.js"></script>
<script src="/vendor/foundation/js/foundation/foundation.tooltip.js"></script>
<!-- FormValidation plugin and the class supports validating Foundation form -->
<script src="/vendor/formvalidation/dist/js/formValidation.min.js"></script>
<script src="/vendor/formvalidation/dist/js/framework/foundation5.min.js"></script>Don't confuse foundation(.min).js file provided by the Foundation framework with foundation5(.min).js provided by FormValidation which is placed inside the formvalidation/dist/js/framework directory.
They are two different files and both of them need to be included as mentioned above.
You need to set the framework option as following:
$(yourForm).formValidation({
framework: 'bootstrap4',
...
});$(yourForm).formValidation({
framework: 'foundation5',
...
});27 Jun 2016
This version of FormValidation works with the latest versions of supported frameworks, including:
framework: 'bootstrap4'If you want to try Bootstrap 4 alpha 2 or still want to use Foundation 5, you need to follow the upgrading to v0.8.0 guide
validator along to the status.field.fv eventformnovalidate attribute causes IE to send two postbacks to server, thanks to @dtkujawskilive: 'disabled') and form has some radios/checkboxesvalidators object, thanks to @lumberjackchester 01 Feb 2016
priority option that allows to set the validator execution orderrst.field.fv and rst.form.fv events that are triggered after calling resetField() and resetForm() methods, respectivelyflags option to use in declarative modeasync optionfields option provided by the different validator can be separated by a comma with or without a spacemin, max options follows the same format as formatjpg extension to the file validator exampleicons typo in the Settings structure section 01 Aug 2015
Allow to use multiple instance of validators via new alias option.
You can registry a new validator which is actually a built-in validator as following:
$(form).formValidation({
framework: '...',
fields: {
username: {
validators: {
required: {
alias: 'notEmpty',
message: 'The username is required'
}
}
}
}
});or use multiple instance of same validators (for example, callback, as following piece of code):
$(form).formValidation({
framework: '...',
fields: {
password: {
validators: {
checkUppercase: {
alias: 'callback',
message: 'The password must have at least one uppercase character',
callback: function(value, validator, $field) {
...
}
},
checkLowercase: {
alias: 'callback',
message: 'The password must have at least one lowercase character',
callback: function(value, validator, $field) {
...
}
},
checkDigits: {
alias: 'callback',
message: 'The password must have at least one digit',
callback: function(value, validator, $field) {
...
}
},
checkSpecial: {
alias: 'callback',
message: 'The password must have at least one special character',
callback: function(value, validator, $field) {
...
}
}
}
}
}
});| Old | New |
|---|---|
| be_FR | fr_BE |
| be_NL | nl_BE |
| gr_EL | el_GR |
%s are replaced with the min, max, value options when the input isn't a numbertype to the return value. The type can be DNI, NIE or CIF.enableFiltering option