【问题标题】:trigger Tooltip from JS in bootstrap 3在引导程序 3 中从 JS 触发工具提示
【发布时间】:2013-09-19 21:03:24
【问题描述】:

我想检查 textarea 输入以查看它是否至少有 10 个字符,否则工具提示通知会显示为信息。但它不起作用

我使用 twitter bootstrap 3

我不想将通知内容放在 HTML 中,它应该只由 JS 决定。

http://jsbin.com/iVOgIxO/2/edit

HTML

<form onsubmit="return post_mta();">
    <textarea name="mta" id="" cols="30" rows="10"></textarea>
    <button type="submit">send</button>
</form>

JS

function post_mta()
{
  var ta='textarea[name="mta"]';
  if($(ta).val().length<10)
  {
    $(ta).tooltip({html:'at least 10 characters'});
  }
  return false;
}

【问题讨论】:

    标签: javascript jquery twitter-bootstrap twitter-bootstrap-3 jquery-ui-tooltip


    【解决方案1】:

    这是一个稍微修改过的版本,将处理字符检查:

    function post_mta()
    {
      $ta = $('textarea[name="mta"]');
      if($ta.val().length<10)
      {
        $ta.val('at least 10 characters'); /* just for testing */
        //$(this).tooltip({html:'at least 10 characters'});
    
        return false;
      }
    }
    

    但是,由于某种原因,我无法渲染 Bootstrap 工具提示。也许它可能在您的设置中。

    【讨论】:

    • 似乎工具提示仅在 &lt;a&gt; 标签上运行良好。无论如何,我正在考虑使用红色错误而不是工具提示。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-08
    • 1970-01-01
    相关资源
    最近更新 更多