[英]Automatically close qtip2 using JQuery .validate()
我正在开发一种实现QTip2的表单,一旦有人尝试提交缺少数据的表单,它就会显示工具提示。 一切都按预期工作,但是,我希望删除错误类后就删除工具提示(一旦有人在输入字段中键入内容,便会有效)。 我目前有以下代码用于验证:
$('#form0').validate({
rules: {
Name: "required",
Email: {
required: true,
email: true
},
Subject: "required",
Message: "required"
},
errorPlacement: function (error, element) {
$('#Name').qtip({
content: 'Please enter your name',
position: {
target: 'mouse', // Track the mouse as the positioning target
adjust: { x: 5, y: 5 } // Offset it slightly from under the mouse
},
style: { classes: 'qtip-red' }
});
return true;
},
errorClass: "form-error"
});
如您所见,一旦有人尝试提交表单,则将“ form-error”类分配给输入字段,因此,我也希望在删除此类后也删除工具提示。 我尝试了以下操作,但没有成功,不确定原因:
onHide: function() { $(this).qtip('destroy'); }
通过在errorPlacement {}中添加以下代码,我找到了解决此问题的方法:
events: { show: function (event, api) { if (!element.hasClass('form-error')) event.preventDefault(); } },
show: {
delay: 0,
target: element
},
hide: { target: element },
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.