表單驗證(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>

相關文章
相關標籤/搜索