Bootstrap 3 validation using bootstrapValidator with input-group not display error properly - twitter-bootstrap-3

I am using Bootstrap 3 and for validation using bootstrapValidator(https://github.com/nghuuphuoc/bootstrapvalidator). It is dislaying error message proplerly for input field but not working with
input-group(https://github.com/victorjonsson/jQuery-Form-Validator/issues/126)
As shown in above github link, same issue occur to me and here is the solution for jquery form validator ,not for bootstrapvalidator.
can anyone help me to solve this issue?
You can check code here:
[Code][1] http://codepen.io/creativedev/pen/LVqKEg
Thanks in advance.

Related

Datatables pagination button styling problem, no CSS there

There are no error in console, I have no idea about that
it's because the jquery.datatables.min.js I import without jquery.datatables.min.css,
please someone at datatables they need to give error for this

vue transpiled text in headings - accessibility

Im working through an accessibility audit for one of our sites. One of the things that has came back is empty headers where we have used vue for the text content. The audit is not seeing the rendered content and is hightlighting this as an issue. Does anyone have any ideas as to a solution?
<h3 v-html="post.title.rendered"></h3>
This is seen as an empty h3
I found an link here that helps
Screen readers and Javascript
Thanks for the replies

Setting Custom Editor shows kendoDropDownList is not a function

We like to use dropdown inside the grid, so we using this (https://www.telerik.com/kendo-vue-ui/components/grid/editing/#toc-setting-custom-editors) example in our project we are getting this error:
Uncaught TypeError: $(...).appendTo(...).kendoDropDownList is not a function
at VueComponent.categoryDropDownEditor (git.vue?26ca:154)
Could anyone help me on this?
Answering my own question it may helpful for someone
by adding kendo.all.min.js it working fine :)
But don't know why it wont included in default kendo vue.
<script src="http://kendo.cdn.telerik.com/2018.3.1017/js/kendo.all.min.js"></script>

Parsley error placement

I'm using parsley validation now(super new with this validation) since the caldera form updated their plugin. Any ideas how to place the error messages above the field?
My previous implementation of the error messages is above the field and using jquery validation - error placement.
Thank you.
You should be able to obtain what you want with the right errorContainer option:
Specify the existing DOM container where ParsleyUI should put the errors. It is also possible to configure it with a callback function from javascript, see the annotated source.

How to retain data on the view (JSP) if the validation fails in struts

I am using struts 1.3 and my data on the jsp page gets reset if my validation fails.
It displays the error messages coming from the ActionForm from the validate method, but resets my entire jsp. i tried using struts tags instead of html but it is not helping out.
I even tried looking at this https://stackoverflow.com/a/20499877/1771406 but i dint clearly understand what exactly he is trying to say. can anyone one help me by showing some implemented code please.
the reason why my code was not working inspite of seting getters and setters and html strut tags was only due to this silly mistake of mine
<html:text property="abc" value=""/>
when that value attribute was removed it then worked perfectly fine.
correct code:
<html:text property="abc"/>