我遇到了一个我无法真正解决的问题。
我创建了一个注册和登录表单，我自己弹出了一个表单验证错误，但它并没有真正起作用。
我向它添加了比模态更高的 z-index，但我会从盒子里流出，它会向它添加一个 oveflor。
html
<div class="m-controls">
<label class="pull-left" for="identity">Email *</label>
<input type="text" name="identity" class="pull-right" id="identity" />
<div class="login_email_error"></div>
</div>
<div class="clear"></div>
<div class="m-controls">
<label class="pull-left" for="password">Password *</label>
<input type="password" name="password" class="pull-right" id="password" />
<div class="login_password_error"></div>
</div>
css
.m-controls {
position: relative;
}
.login_email_error p,
.login_password_error p {
background: #fdfbe8;
border: 1px solid #dfd8c4;
color: #b74a46;
text-align: center;
padding: 5px 10px;
font-size: 11px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: absolute;
top: -2px;
left: 330px;
width: 290px;
z-index: 1052;
}
模态 z-index 为 z-index: 1050;
那么请有人给我一个提示我错过了什么？
谢谢
编辑
可能是js的问题？
// login
$('.login-form').on('submit', function(){
var loginData = $(this).serialize();
$.ajax({
url: "<?php echo base_url(); ?>user/login",
type: "POST",
data: loginData,
dataType: "json",
success: function(data)
{
if(data.error == 0)
{
$('.login_email_error').append().html(data.identity);
$('.login_password_error').append().html(data.identity);
} else if(data.error == 1)
{
location.reload();
}
}
});
return false;
});