Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于表单验证的引导工具提示_Javascript_Jquery_Jquery Ui_Twitter Bootstrap - Fatal编程技术网

Javascript 用于表单验证的引导工具提示

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

我对bootstrap还比较陌生,似乎不能正确地理解它。我正在表单验证中使用工具提示javascript功能,当输入字段中存在验证错误时,该功能会弹出,我希望在输入字段中出现验证检查错误时,工具提示会显示在模糊上,并在焦点处消失

我的HTML是:

<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();" >