jQuery在元素旁邊放置文本

<h:inputText id="usernameInput" value="#{userBean.un}" 
       styleClass="form-control" required="true" 
       onfocus="popupMessage(this, 'username');"> 
       <f:validateRegex pattern="([a-zA-Z_0-9]+)"></f:validateRegex> 
      </h:inputText> 

function popupMessage(element, stringVal) { 
       var position = $(element).position(); 
       if(stringVal === "username"){ 
        $(element).text("left: " + position.left + ", top: " + position.top) ; 
       }else if(stringVal === "password"){ 

       }else{ 

       } 
      }

我試圖使用此代碼在輸入字段旁邊放置消息。在上面你可以看到元素和腳本。我想要的是基於輸入類型，無論是用戶名還是密碼，我希望在文本字段旁邊顯示一條消息，告訴用戶輸入的內容。我打算在輸入端添加一個onblur事件，以使消息消失。jQuery在元素旁邊放置文本

我可以在控制檯視圖中的元素中顯示文本，但頁面上沒有任何內容。我如何正確定位此消息？（「現在注意消息只是呼叫元素的位置」）

謝謝！

來源

2014-11-08 Michael Miner

-To positon text message beside input text field. You have to use the Jquery .css() method. 

-The .position() method allows us to retrieve the current position of an element relative to the offset parent. Contrast this with .offset(), which retrieves the current position relative to the document. You have to use the right method which helps you.

Jquery .text（string）方法有助於在匹配的選擇器上顯示文本，但不能定位它。

$(element).css({ 
       "left" :position.left 
       ,"top" :position.top 
       });

來源

2014-11-08 20:24:57

當您使用Primefaces時，爲什麼不使用<p:tooltip>組件？您可以輕鬆實現您使用Primefaces Tooltip所要做的事情。

來源

2014-11-09 04:35:16 siva636

jQuery在元素旁邊放置文本

回答

相關問題