jqBootstrapValidation icon indicating copy to clipboard operation
jqBootstrapValidation copied to clipboard

How To used this plugins for form validation of bootstrap V.3?

Open varsadadj opened this issue 12 years ago • 2 comments

Please Updata Your js as per bootstrap v3 and share it so user can use it as per bootstrap v.3

varsadadj avatar Oct 22 '13 05:10 varsadadj

The Bootstrap 3 form I had used 'form-group' 'form-control' instead of 'control-group' 'control'

In jqBootstrapValidation.js I changed 3 instances of

$controlGroup = $this.parents(".control-group") to $controlGroup = $this.parents(".control-group, .form-group")

then in custom css had to override the default blue input border & glow

.form-group.warning input.form-control { border-color: #fa6d81; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(250, 109, 129, 0.6); outline: 0 none; }

roskear avatar Oct 31 '13 10:10 roskear

@roskear Thank you for this. Replacing the 3 instances of "$controlGroup = ..." and adding the CSS enabled the validator to highlight correctly.

danjellesma avatar Nov 08 '13 15:11 danjellesma