小编chr*_*riz的帖子

使用jQuery验证插件显示摘要和单个错误消息

如何显示jQuery插件的各个错误消息和摘要?

我实际上发现了一个类似的问题,但它只引用了我可以使用的一些钩子,但我不知道从哪里开始.

我得到了显示个别错误消息的部分,但我需要在提交的警告框中显示摘要,并且可以在此处找到插件.

刚刚发现了如何,感谢大卫的代码,以及我的后续问题 - 警报框将是"名字:请输入有效的名字".

代码如下:

$(document).ready(function() {
    var submitted = false;
    ('.selector').validate({
        showErrors: function(errorMap, errorList) {
            if (submitted) {
                var summary = "You have the following errors: \n";
                $.each(errorMap, function(key, value) {
               summary += key + ': ' + value + "\n";
                });
                alert(summary);
                submitted = false;
            }
            this.defaultShowErrors();
        },
        invalidHandler: function(form, validator) {
            submitted = true;
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

validation ajax jquery jquery-validate

18
推荐指数
1
解决办法
2万
查看次数

在循环中的纯css3中依次动画元素

我试图在完整的css3动画中按顺序动画元素.似乎非常直截了当的答案是使用动画延迟.但是我想循环,任何想法如何让动画无限循环?

我在类似的问题上找到了这个小提琴.基本上这是相同的逻辑,但我只是想它循环.

这是类似的[问题](/sf/answers/580614401/)

使用这个:

@-webkit-keyframes FadeIn { 
0% { opacity:0; -webkit-transform:scale(.1);}
85% {opacity:1; -webkit-transform:scale(1.05);}
100% {-webkit-transform:scale(1); }
}

.myClass img { float: left; margin: 20px; 
    -webkit-animation: FadeIn 1s linear; -webkit-animation-fill-mode:both; }
.myClass img:nth-child(1){ -webkit-animation-delay: .5s }
.myClass img:nth-child(2){ -webkit-animation-delay: 1s }
.myClass img:nth-child(3){ -webkit-animation-delay: 1.5s }
.myClass img:nth-child(4){ -webkit-animation-delay: 2s }
Run Code Online (Sandbox Code Playgroud)

编辑

为了清楚起见,我想以顺序的方式想要动画,比如在第一个动画之后,动画第二个项目,然后是第三个......依此类推.我正在考虑制作大约10到12个元素的动画.所以他们会一个接一个地制作动画.

所以@Sonu Joshi的回答是不正确的.

delay css3 sequential css-transitions

8
推荐指数
1
解决办法
6249
查看次数

如何通过cli / rest api / cloud函数运行Google Cloud Build触发器?

有这样的选择吗?我的用例将运行生产构建的触发器(部署到生产)。理想情况下,该触发器不需要侦听任何更改,因为它是通过chatbot手动调用的。

我看到了针对混合和多云客户(Cloud Next '18)的视频CI / CD,其中宣布了对API触发器的支持,我不确定这是否是我所需要的。

google-cloud-platform google-cloud-functions google-cloud-build

6
推荐指数
2
解决办法
2155
查看次数

3
推荐指数
2
解决办法
215
查看次数