zoukankan      html  css  js  c++  java
  • jquery.validate加poshytip的自定义提示样式

    最近项目中做了一个jquery.validate气泡提示。

    好像最新版的jquery.validate中,有这个功能,但在我这里不怎么好用。

    就自己加了一个。

    找了一些插件qtip2的样式不错,但我本地显示不出来呀。他本身也有jquery.validate的例子。但样式在我这里不显示呀。好像是jquery版本的问他,用他的jquery就可以显示。用我的就不行坑爹。放弃。

    poshytip-1.1这个,样式还不错!

    positionX,positionY是提示显示的位置。
    $(document).ready(function () {
        // validate the comment form when it is submitted
        var myForm = $('form:first');
        myForm.validate({
            onkeyup: false,
            success: function (element) {
                var elem = $(element);
                elem.poshytip('disable');
                elem.poshytip('destroy');
            },
            errorPlacement: function (error, element) {
                var elem = $(element);
                if (!error.is(':empty')) {
                    //右:x=right;y=center
                    //左:x=left;y=center
                    //上:x=inner-left
                    //下:x=center;y=bottom
                    var aX = "center";
                    if (elem.attr("positionX") != null) {
                        aX = elem.attr("positionX");
                    }
                    var aY = "bottom";
                    if (elem.attr("positionY") != null) {
                        aY = elem.attr("positionY");
                    }
                    elem.filter(':not(.valid)').poshytip({
                        content: error,
                        alignTo: 'target',
                        alignX: aX,
                        alignY: aY,
                        offsetX: 0,
                        offsetY: 5
                    });
                } else {
                    elem.poshytip('disable');
                    elem.poshytip('destroy');
                }
            }
        });
    });
    

     存在问题!

    onkeyup不可以为 ture,因为这样,有些验证,气泡会一直存在。这个不科学。大家有什么好的办法没?
  • 相关阅读:
    js人工智能对话框
    html 实现相册
    thinkphp5 三种重定向(跳转)
    thinkphp5 分页实现
    常用的Mysql数据库操作语句大全
    FormData之file图片上传
    FormData对象
    input file 上传图片时限制格式
    form 中Enctype=multipart/form-data 的作用
    thinkphp5 不刷新退出
  • 原文地址:https://www.cnblogs.com/iverson3/p/2788486.html
Copyright © 2011-2022 走看看