我对bootstrap相当新,似乎无法做到这一点。我正在使用工具提示javascript功能,在表单验证时,当输入字段中存在验证错误时弹出,我希望工具提示出现在输入字段onBlur中有验证检查错误并且在焦点上消失
我的HTML是:
<input class="span2" id="formName" rel="tooltip" data-placement="top" type="text" placeHolder="" onBlur="return validateName();" >
我的javascript是
function validateName()
{
var x=document.getElementById("formName").value;
if (x==null || x==""){
$('#formName').tooltip({ 'title': 'Name Must Not Be Empty!' });
} else { $('#formName').tooltip('hide') }
}
目前它遵循鼠标悬停时出现的默认行为,我想让它在光标离开输入字段时出现
答案 0 :(得分:0)
我猜你应该通过这个http://api.jquery.com/blur/
<html>
<head>
<title>temp-stackoverflow</title>
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script>
</head>
<body>
<input type="field" class="text-field">toggle cursor in and out of text box</input>
</body>
<script type="text/javascript">
$('.text-field').blur(function() {
$('body').attr('bgcolor', "#"+((1<<24)*Math.random()|0).toString(16))
});
</script>
答案 1 :(得分:0)
将事件触发器更改为onkeyup
:
<input class="span2" id="formName" rel="tooltip" data-placement="top" type="text" placeHolder="" onkeyup="return validateName();" >