表单验证(bootstrapValidator)

  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.  

你可能感兴趣的:(表单验证(bootstrapValidator))