Skip to content

Instantly share code, notes, and snippets.

@askehansen
Created October 3, 2013 13:28
Show Gist options
  • Save askehansen/6809825 to your computer and use it in GitHub Desktop.
Save askehansen/6809825 to your computer and use it in GitHub Desktop.
Parsley config for twitter bootstrap 3.x
$.fn.parsley.defaults = {
// basic data-api overridable properties here..
inputs: 'input, textarea, select' // Default supported inputs.
, excluded: 'input[type=hidden], :disabled' // Do not validate input[type=hidden] & :disabled.
, trigger: false // $.Event() that will trigger validation. eg: keyup, change..
, animate: true // fade in / fade out error messages
, animateDuration: 300 // fadein/fadout ms time
, focus: 'first' // 'fist'|'last'|'none' which error field would have focus first on form validation
, validationMinlength: 3 // If trigger validation specified, only if value.length > validationMinlength
, successClass: 'has-success' // Class name on each valid input
, errorClass: 'has-error' // Class name on each invalid input
, errorMessage: false // Customize an unique error message showed if one constraint fails
, validators: {} // Add your custom validators functions
, showErrors: true // Set to false if you don't want Parsley to display error messages
, messages: {} // Add your own error messages here
//some quite advanced configuration here..
, validateIfUnchanged: false // false: validate once by field value change
, errors: {
classHandler: function ( elem, isRadioOrCheckbox ) {
// specify where parsley error-success classes are set
return $(elem).parents(".form-group");
}
, container: function ( elem, isRadioOrCheckbox ) {}
, errorsWrapper: '<span class="help-block"></span>' // do not set an id for this elem, it would have an auto-generated id
, errorElem: '<span></span>' // each field constraint fail in an li
}
, listeners: {
onFieldValidate: function ( elem, ParsleyForm ) { return false; } // Executed on validation. Return true to ignore field validation
, onFormSubmit: function ( isFormValid, event, ParsleyForm ) {} // Executed once on form validation
, onFieldError: function ( elem, constraints, ParsleyField ) {} // Executed when a field is detected as invalid
, onFieldSuccess: function ( elem, constraints, ParsleyField ) {} // Executed when a field passes validation
}
};
@djibe
Copy link

djibe commented Mar 23, 2018

For Bootstrap 4, see my fiddle
https://jsfiddle.net/djibe89/tu0ap111/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment