Question

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

我使用twitter bootstrap 3

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

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;
}

Answer 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工具提示进行渲染。也许它可能在你的设置上。

在bootstrap 3中触发JS的工具提示

1 个答案: