BootStrapV3+JqValidation1.11+tooltip开发表单时,tooltip显示不正确。

tip.png


如图,tip的提示位置正确,但是尺寸不对,怎么调整也不对。

还有一个更怪的问题,当输入错误时,错误提示死活不显示,但是chrome单步跟踪运行一切正常。
比较令人抓狂。

不知各位大侠,用的是什么表单校验工具?(bootstrap3-validation好用吗?)
已邀请:

rew1011

赞同来自: Rirai

data-container="body"官方的解释是“向指定元素追加工具提示”,只给了这一个demo值:body,我换了其它元素、ID、选择器试过都不行,暂时先这样解决吧,等以后看看官方有没有详细的介绍。

rew1011

赞同来自:

如果你的input引用的是"form-control"样式,那么加入data-container="body"就可以暂时解决尺寸问题,同时不要设置input的title属性值,不然会和data-container="body"冲突,导致初次加载tooltip位置错乱的问题。可以用jQuery控制它的值。
$('#inputID').attr('data-original-title', 'tooltip值');

Rirai

赞同来自:

万分感谢,问题解决了。
请问一下,data-container="body" 这个语句的作用什么啊?谢谢了。
另外,用了jquery的原生的alidation后发现,报错的tip没有显示,
但是我单步跟踪的时候(或者用alert后),错误竟然正确显示了,这个问题,请教有啥提示吗?

Rirai

赞同来自:

谢谢!!!

要回复问题请先登录注册