显示后,工具提示消失

时间:2016-02-16 07:01:37

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

点击登录按钮时会触发以下方法。当任何字段为空时,将显示工具提示。但是当再次按下该按钮时,相同的工具提示会被隐藏(使用空字段)。这可能是什么原因?

$('#loginform .login-validation').tooltip('hide');
$('#loginform .login-validation').parent().removeClass('has-error');
$('#loginform .login-validation').each(function(){
    if(!$(this).val()) {
        error = true;
        $(this).parent().addClass('has-error');
        var errorField = $(this).attr('dname').charAt(0).toUpperCase() +  $(this).attr('dname').slice(1);
        var errorMessage = errorField + ' cannot be left blank';
        $(this).attr('data-original-title',errorMessage); // Set ToolTip message
        $(this).tooltip('show');
        return false;
    }else {
        userObject[$(this).attr('dname')] = $(this).val().trim();
    }
});

Markup

<div class="input-group input-field username-field">
            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
            <input data-toggle="tooltip" data-placement="right" data-trigger="manual" id="usname" type="text" class="form-control login-validation" name="usname" autocomplete="off" placeholder="username" dname="username">                                        
 </div>

  <div class="input-group input-field password-field">
            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
            <input data-toggle="tooltip" data-placement="right" data-trigger="manual" id="pswd" name="pswd" type="password" class="form-control login-validation" placeholder="password" dname="password">
   </div>

@NikhilNanjappa要求提交按钮标记:

<div class="form-group btn-container">
                    <div class="col-sm-12 controls">
                      <input type="hidden" name="FormValues" id="FormValues" value="" />
                      <button type='submit' id="loginButton" class="btn btn-success">Login</button>
                    </div>
                </div>

情景:

  1. 字段留空。
  2. 按下登录按钮。
  3. 显示错误工具提示。
  4. 再次按下登录按钮。相同的工具提示消失了。可能是什么原因?
  5. $(this).show()在最初被$('#loginform .login-validation').tooltip('hide')隐藏时会触发工具提示,但一旦控件退出功能范围就会消失。
  6. 注意:

    如果声明:

    ,它可以正常工作
    $('#loginform .login-validation').tooltip('hide');
    

    已删除。

0 个答案:

没有答案