点击登录按钮时会触发以下方法。当任何字段为空时,将显示工具提示。但是当再次按下该按钮时,相同的工具提示会被隐藏(使用空字段)。这可能是什么原因?
$('#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>
情景:
$(this).show()
在最初被$('#loginform .login-validation').tooltip('hide')
隐藏时会触发工具提示,但一旦控件退出功能范围就会消失。注意:
如果声明:
,它可以正常工作$('#loginform .login-validation').tooltip('hide');
已删除。