jquery – 从引导窗体帮助器验证引导日期戳

前端之家收集整理的这篇文章主要介绍了jquery – 从引导窗体帮助器验证引导日期戳前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以使用JQuery验证验证引导日期戳?因为它不会暴露输入字段,我无法得到它来验证。

示例:https://jsfiddle.net/Khrys/2rcr9j5s/

$.validator.setDefaults({
   submitHandler: function() {
      form.submit()
   }
});


$().ready(function() {
var container = $('div.containerx');

    $("#Form").validate({
        ignore: [],messages: {
            StartTime: {
                required: "Select the StartTime."
            }
        },errorContainer: container,errorLabelContainer: $("span",container),highlight: function ( element,errorClass,validClass ) {
            $('#StartTime').addClass( "btn-danger" );
            $('#Filter').addClass( "btn-danger" );
        },unhighlight: function ( element,validClass ) {
            $('#StartTime').removeClass( "btn-danger" );
            $('#Filter').removeClass( "btn-danger" );
        }
    });
});

更新:

btn-class需要正确应用于元素。

https://jsfiddle.net/2rcr9j5s/4/

解决方法

更新了小提琴: https://jsfiddle.net/2rcr9j5s/1/
$.validator.setDefaults({
                submitHandler: function() {
                    form.submit()
                }
            });

            $().ready(function() {

                var container = $('div.containerx');

                $("#Form").validate({
                    ignore: [],rules:{
                       StartTime: {
                            required: true
                        }
                    },messages: {
                        StartTime: {
                            required: "Select the StartTime."
                        }
                    },validClass ) {
                        $('#StartTime').addClass( "btn-danger" );
                        $('#Filter').addClass( "btn-danger" );
                    },validClass ) {
                        $('#StartTime').removeClass( "btn-danger" );
                        $('#Filter').removeClass( "btn-danger" );
                    }
                });
            });

将datepicker设置为必需。

这是你需要的吗?

猜你在找的jQuery相关文章