Javascript 工具提示在显示后消失
单击“登录”按钮时,将触发以下方法。当任何字段为空时,将显示工具提示。但当再次按下按钮时(带有空字段),相同的工具提示将隐藏。这可能是什么原因Javascript 工具提示在显示后消失,javascript,jquery,twitter-bootstrap,twitter-bootstrap-tooltip,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(
$('#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();
}
});
标记
:
<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已编辑。请提供登录按钮代码。。。thanks@NikhilNanjappa上面已经给出了。我指的是登录名
代码。根据您的代码,我只能看到2个输入字段。请您提供必要的标记代码等@NikhilNanjappa编辑。登录按钮代码请。。。thanks@NikhilNanjappa上面已经给出了。我指的是登录名
代码。根据您的代码,我只能看到2个输入字段。
<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>
$('#loginform .login-validation').tooltip('hide');