0

私はブートストラップにかなり慣れていないので、これを正しく行うことができません。入力フィールドに検証エラーがあるとポップアップするフォーム検証でツールチップ 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') }   
    }

現在、マウスオーバーで表示されるデフォルトの動作に従っています。カーソルが入力フィールドを離れるたびに表示されるようにしたい

4

2 に答える 2

0

イベントトリガーを次のように変更しonkeyupます。

<input class="span2" id="formName" rel="tooltip" data-placement="top" type="text"  placeHolder="" onkeyup="return validateName();" >
于 2013-03-05T10:31:37.600 に答える
0

私はあなたがこれを通過する必要があると思います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-05T09:51:23.123 に答える