表单验证（bootstrapValidator）

2019独角兽企业重金招聘Python工程师标准>>>

1. 引入CSS文件

   <link href="<%=basePath %>css/bootstrapValidator.css"/>
   

2. 引入JS文件

   <script type="text/javascript" src="bootstrapValidator.min.js"></script>

3. JS验证代码，需要配合JQuery

   <script type="text/javascript">

          $(document).ready(function() {

                   $("#_form1").bootstrapValidator({    --  _form1 : form标签ID

                                     message: 'This value is not valid',

                                     feedbackIcons: {

                                              valid: 'glyphicon glyphicon-ok',

                                              invalid: 'glyphicon glyphicon-remove',

                                              validating: 'glyphicon glyphicon-refresh'

                                     },

                                    fields: {

                                              meet_id: {     -- meet_id : 表单 name属性

                                                       validators: {

                                                                         notEmpty: {    -- 不能为空

                                                                                   message: '会议是必需项，不能为空！'   -- 不满足条件提示信息

                                                                         }

                                                        }

                                             }

                                    }

                        });

             });

   </script>

4.  

转载于:https://my.oschina.net/u/1179666/blog/545916