时间戳

首页 > 解决方案 > 将 datepicker 与验证引擎一起使用

validation - 将 datepicker 与验证引擎一起使用

问题描述

我有一个使用验证引擎的表单，但使用 jquery datepicker 的输入元素不会显示错误消息，甚至不会验证为必需项。有没有办法让两者都工作？如果没有，是否还有其他解决方法？

    <input class="validate[required] datepicker" name="dt1" value="日付を選択" data-validation-engine="validate[required]" class="validate[required]"/>

<script>
    //validate engine
    $(document).ready(function(){
        $("#form1").validationEngine('attach', {promptPosition : "topLeft", scroll: false});
       });

    //datepicker
    $('.datepicker').datepicker({
    constrainInput: true,
    closeText: "閉じる",
    prevText: "&#x3C;前",
    nextText: "次&amp;#x3E;",
    currentText: "今日",
    monthNames: [ "1月","2月","3月","4月","5月","6月",
    "7月","8月","9月","10月","11月","12月" ],
    monthNamesShort: [ "1月","2月","3月","4月","5月","6月",
    "7月","8月","9月","10月","11月","12月" ],
    dayNames: [ "日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日" ],
    dayNamesShort: [ "日","月","火","水","木","金","土" ],
    dayNamesMin: [ "日","月","火","水","木","金","土" ],
    weekHeader: "週",
    dateFormat: "yy/mm/dd",
    firstDay: 0,
    isRTL: false,
    showMonthAfterYear: true,
    yearSuffix: "年"
    });
</script>

标签： validationdatepickerjquery-validation-engine

解决方案

我将字段的数据属性指定为“日期”，所以它终于奏效了。

                <input class="validate[required,custom[date] datepicker" name="dt1" autocomplete="off" placeholder="日付を選択" data-validation-engine="validate[required,custom[date]" />

推荐阅读