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，因为这样，有些验证，气泡会一直存在。这个不科学。大家有什么好的办法没？

赞 (0)

相关推荐

  • jquery插件validate验证的小例子

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></titl

  • 基于jQuery.Validate验证库知识点的详解

    1.如果设置了errorContainer.errorLabelContainer.wrapper,则errorPlacement不起作用 复制代码 代码如下: ...  $(document).ready(function(){    $("#myform").validate({       errorContainer: "#messageBox1, #messageBox2",       errorLabelContainer: "#messag

  • jQuery.Validate验证库的使用介绍

    jQuery.Validate验证库的使用介绍

    jQuery.Validate验证库1.下载jquery.validate,这里我提供jquery-validation-1.9.0,点击下载 默认校验规则 复制代码 代码如下: (1)required:true               必输字段(2)remote:"check.php"          使用ajax方法调用check.php验证输入值(3)email:true                  必须输入正确格式的电子邮件(4)url:true          

  • jquery validate添加自定义验证规则(验证邮箱 邮政编码)

    jQuery:validate添加自定义验证 jQuery.validator.addMethod添加自定义的验证规则 addMethod:name, method, message 简单实例:单个验证的添加 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q

  • jquery validate在ie8下的bug解决方法

    jquery validate在ie8下的bug解决方法

    项目用到了jquery的表单校验插件validate,之前一直都只是做很简单的校验,没有做过稍微复杂的应用,近期项目对应用的要求提高了,一个页面中有两个提交按钮,然后表单校验是绑定在按钮的点击事件上的,如下.  然后很自然的就用到了插件的valid()函数:  这个确实能达到相要的效果,但是在ie8下竟然有问题,valid()方法始终返回false,而且所有的字段都会被当成必填字段校验,纠结了好久,因为jquery的插件代码都很复杂,所以刚开始看特别费劲,后来一步一步排查,找到问题了,问题出在a

  • 使用jQuery validate 验证注册表单实例演示

    使用jQuery validate 验证注册表单实例演示

    Validation是jQuery的插件,提供的方法可以大大简化验证表单的工作,功能也足够一般的需要了.rules也足够简单,很容易上手,举个简单的例子,用validation来验证注册表单. 首先确定验证的目标是: 1. 必填项不能为空 2. 注册用户名必须为6-12个字符内 3. 合格的email格式 4. 密码必须为6-18个字符 5. 确认密码必须跟密码一致 ok,目标很明确了.正片开始 复制代码 代码如下: <script type="text/javascript"

  • jquery.validate的使用说明介绍

    一.准备工作需要JQuery版本:1.2.6+, 兼容 1.3.2 官网地址:http://jqueryvalidation.org/ 二.默认校验规则(1)required:true 必输字段  (2)remote:"check.php" 使用ajax方法调用check.php验证输入值  (3)email:true 必须输入正确格式的电子邮件  (4)url:true 必须输入正确格式的网址  (5)date:true 必须输入正确格式的日期  (6)dateISO:true 必须

  • jQuery EasyUI API 中文文档 - ValidateBox验证框

    jQuery EasyUI API 中文文档 - ValidateBox验证框

    用 $.fn.validatebox.defaults 重写了 defaults. 用法 复制代码 代码如下: <input id="vv" required="true" validType="email"> 复制代码 代码如下: $('#vv').validatebox({ required:true }); 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email

  • 关于jquery.validate1.9.0前台验证的使用介绍

    关于jquery.validate1.9.0前台验证的使用介绍

    一.利用jquery.form插件提交表单方法使用jquery.validate插件 现象:当提交表单时,即使前台未验证通过,也照常提交表单. 解决办法: 复制代码 代码如下: $('#myForm').submit(function(){    if (!$(this).valid()) return false;//加上此句OK    $('.error').html('');    $("#go").prop("disabled",true);    $(th

  • jquery内置验证(validate)使用方法示例(表单验证)

    (1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:true 必须输入正确格式的日期(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性(7)number:true 必须输入合法的数字(负数,小数)(8)

  • jQuery.validate 常用方法及需要注意的问题

    1.用其他方式替代默认的SUBMIT 复制代码 代码如下: $().ready(function() { $("#signupForm").validate({        submitHandler:function(form){            alert("submitted");               form.submit();        }        });}); 使用ajax方式 复制代码 代码如下: $(".selec

  • Jquery Validate 正则表达式实用验证代码大全

    手机号码验证 以下为引用内容: 复制代码 代码如下: jQuery.validator.addMethod("mobile", function(value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/ return this.optional(element) || (length == 11 && mobile.test(valu

随机推荐