Javascript 用于表单验证的引导工具提示
我对bootstrap还比较陌生,似乎不能正确地理解它。我正在表单验证中使用工具提示javascript功能,当输入字段中存在验证错误时,该功能会弹出,我希望在输入字段中出现验证检查错误时,工具提示会显示在模糊上,并在焦点处消失 我的HTML是:Javascript 用于表单验证的引导工具提示,javascript,jquery,jquery-ui,twitter-bootstrap,Javascript,Jquery,Jquery Ui,Twitter Bootstrap,我对bootstrap还比较陌生,似乎不能正确地理解它。我正在表单验证中使用工具提示javascript功能,当输入字段中存在验证错误时,该功能会弹出,我希望在输入字段中出现验证检查错误时,工具提示会显示在模糊上,并在焦点处消失 我的HTML是: <input class="span2" id="formName" rel="tooltip" data-placement="top" type="text" placeHolder="" onBlur="return validateNa
<input class="span2" id="formName" rel="tooltip" data-placement="top" type="text" placeHolder="" onBlur="return validateName();" >
目前,它是按照默认的行为出现在鼠标上方,我想让它在光标离开输入字段时出现我想你应该看看这个
临时堆栈溢出
在文本框内和文本框外切换光标
$('.text字段').blur(函数(){
$('body').attr('bgcolor',“#”+((1将事件触发器更改为onkeyup
:
<input class="span2" id="formName" rel="tooltip" data-placement="top" type="text" placeHolder="" onkeyup="return validateName();" >
正如我提到的,眼前的问题不是工具提示的功能,而是它出现在鼠标上方[悬停]在输入标记上,我想要的是它应该出现在模糊上,或者当光标离开相关的输入标记时…模糊上很难跟踪。提到某人使用tab键导航到表单,鼠标将永远不会进入或离开输入字段!你真正能触发的唯一动作是在输入框内按下一个键。。。(或通过鼠标粘贴剪贴板导致内容更改)
<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>
<input class="span2" id="formName" rel="tooltip" data-placement="top" type="text" placeHolder="" onkeyup="return validateName();" >