表单验证的引导工具提示

我对引导程序相当陌生，而且似乎无法得到正确的结果。我正在使用工具提示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') } 
    }

目前，它是继出现在鼠标悬停的默认行为，我想让每当光标离开提起

01输入它出现

来源

2013-03-05 Hunain

我猜你应该事件触发通过这个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>

来源

2013-03-05 09:51:23 pravin

更改为onkeyup：

<input class="span2" id="formName" rel="tooltip" data-placement="top" type="text" placeHolder="" onkeyup="return validateName();" >

来源

2013-03-05 10:31:37 powtac

正如我所说，手头的问题是不是工具提示功能，它出现在输入标签上的mouseover [hover]上，我想要的是它应该出现在Blur上或当光标离开相关输入标签时... – Hunain 2013-03-05 11:52:36

模糊很难追踪。提到有人使用Tab键导航到表单，鼠标永远不会进入或离开输入字段！您可以真正触发的最早动作是在输入内按下某个键时（或由于剪贴板通过鼠标粘贴而导致内容发生变化） – powtac 2013-03-05 12:52:17

表单验证的引导工具提示

回答

相关问题