表单验证(bootstrapValidator)

  1. 引入CSS文件javascript

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

  2. 引入JS文件java

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

  3. JS验证代码,须要配合JQueryspa

    <script type="text/javascript">orm

           $(document).ready(function() {ip

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

                                      message: 'This value is not valid',it

                                      feedbackIcons: {io

                                               valid: 'glyphicon glyphicon-ok',

                                               invalid: 'glyphicon glyphicon-remove',

                                               validating: 'glyphicon glyphicon-refresh'

                                      },

                                     fields: {

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

                                                        validators: {

                                                                          notEmpty: {    -- 不能为空

                                                                                    message: '会议是必需项,不能为空!'   -- 不知足条件提示信息

                                                                          }

                                                         }

                                              }

                                     }

                         });

              });

    </script>

相关文章
相关标签/搜索