表單驗證的引導工具提示

我對引導程序相當陌生，而且似乎無法得到正確的結果。我正在使用工具提示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

表單驗證的引導工具提示

回答

相關問題