FrontEnd 步步高升:bootstrap3-validation.js 必填项星号(*)显示方式修改

作者的GITHUB:https://github.com/mrlong/bootstrap3-validation.js,先感谢一下,很好用~


作者的样式,当表单有类为:form-horizontal  时,必填项*号显示样式很奇怪~~



作者垂直表单添加 * 源码如下:

else if(fform_style==2){

                $(obj).find('input, textarea').each(function(){
                    var el = $(this);
                    var controlGroup = el.parents('.form-group');
                    controlGroup.removeClass('has-error has-success');
                    controlGroup.find("#valierr").remove();
                    valid = (el.attr('check-type')==undefined)?null:el.attr('check-type').split(' ');
                        if (valid){
                        if ($.inArray('required',valid)>=0){
                            el.parent().after('*');
                        //在这里我们就能看到,是在input的父类的后面增加类 * 的span
 } }; }); };

 看了注释之后,DOM树变成了: 
  


                    
                    
                    

你可能感兴趣的:(FrontEnd,js,表单,bootstrap3,bootstrap,表单验证)