5.28-5.30 JLL--实习日志--js.mask()和bootstrapValidator()验证函数

来源:互联网 发布:经典名著改编电影知乎 编辑:程序博客网 时间:2024/05/22 06:40

Validate()函数

问题:没办法实现验证的功能!
描述:这里写图片描述
html 代码

 {% elif field.html_name == "YearBuilt" %}                                            <div class="col-md-4">                                             <div class="form-group" style="margin-top:0px; margin-bottom:0px">                                                <label style="margin-top:0px; margin-bottom:0px">{{ field.label_tag }}</label>                                                    <form id='a'>                                                <div class="">                                                    <div class="input-group">                                                            <input type="text" class="form-control" name="YearBuilt" id="YearBuilt" value="{{ field.value }}" data-bv-field="YearBuilt"  autocomplete="off" >                                                            <span class="input-group-addon ">99/99/9999</span>                                                    <i class="form-control-feedback" data-bv-icon-for="YearBuilt" style="display: none;"></i>                                                <small class="help-block" data-bv-validator="date" data-bv-for="YearBuilt" data-bv-result="NOT_VALIDATED" style="display: none;">不能为空</small>                                                         </span>                                                    </div>                                                </div>                                            </form>                                                   <script type="text/javascript">                                                $("#YearBuilt").mask("99/99/9999", {                                                });                                                     </script>                                                  </div>                                            </div>

对应的js 代码

  $('#property-form').bootstrapValidator({  message:"{{ ui_setting.InvalidInput }}",  feedbackIcons:{   valid: 'glyphicon glyphicon-ok',            invalid: 'glyphicon glyphicon-remove',            validating: 'glyphicon glyphicon-refresh'  },  fields:{   YearBuilt:{    validators:{    notEmpty:{      message:'{{ ui_setting.NoEmpty }}'     },     date:{         message: 'wrong date',            format: 'MM/DD/YYYY',            min: '01/01/1900',            max: '31/12/3000',            separator: '/'     }    }   },

还没有结束! 没有实现功能!!!为什么呢?
原因:
下面的代码是和bootstrapValidator()函数进行冲突了没有办法正常工作,看他是不是正常初始化!需要看Html的前端是不是可以收到信息!

$("#YearBuilt").mask("99/99/9999", {                                                });                                                     </script>
原创粉丝点击