2013-08-20 21 views
2

我有一个像这样的基本HTML表单。提交时,它检查空字段并提醒用户这两个字段都是必需的。警报后,用户被重定向到同一页面,但文本输入大小减小。在PHP“echo”之后,我如何保留相同的宽度和高度?PHP:当回显JavaScript警报时,文本输入大小减少

Screenhot 1: 1

截图2: 2

截图3:3

控制器:

function validate_user_pass() { 
    $this->load->library('form_validation'); 

    $this->form_validation->set_rules('username','Email', 'required|max_length[30]'); 
    $this->form_validation->set_rules('password','Password', 'required|max_length[32]'); 

    if ($this->form_validation->run() == FALSE) { 
     //$this->load->view('login_error'); 
     echo '<script type="text/javascript">alert("Required fields are empty!");</script>'; 
     $this->index(); 
    }  
    else { 
     $this->verify(); 
    } 
} 

检视:

<?php echo form_open('login/validate_user_pass'); ?> 
<div class="login"> 
<div class="login-screen"> 
    <div class="login-icon"> 
     <img src="<?php echo base_url(); ?>assets/images/1374606542_newsstand_ios7_ios_7.png" alt="logo"> 
     <h4>Hotel<small>Management System</small></h4> 
    </div> 
<div class="login-form"> 
<img src="<?php echo base_url(); ?>assets/ico/logo_small.png" alt="logo"> 
    <div class="control-group"> 
     <input type="text" class="login-field" name="username" value="<?php echo set_value('username'); ?>" placeholder="Enter username" id="login-name"> 
    </div> 
     <div class="control-group"> 
     <input type="password" class="login-field" name="password" value="" placeholder="Password" id="login-pass"> 
    </div> 
    <input type="submit" class="btn btn-primary" value="Login"> 

</div> 
</div> 
</div> 

<?php echo form_close(); ?> 
+0

无法看到您的代码,但检查您是否已关闭所有标签,特别是在提交后 – allen213

+0

是的。代码很好。这也发生在我的Twitter Bootstrap上。但没有CSS就不会发生。可能与CSS有关。 – user2662050

+0

然后发布相关的css – allen213

回答

0

这通常发生在一个PHP错误或的var_dump()是在页面上,但你可能看不到它,因为它是一个固定头的div下隐藏,例如。

看看你查看源代码&检查如果没有PHP错误页面

1

上可能来不及回答,但同样的问题,与我同在。我通过将错误弹出框放在标题之外来解决这个问题。我到处搜索,最终在这里。

我的代码是这样的事情之前:

<?php 
    //some code for verification and echo out/show error message 
?> 
<html> 

    <!--HTML code that has form--> 
</html> 

我所做的就是这样的:

<html> 
    <head> 
     <title></title> 
    </head> 
    <body> 
    <?php 
     //some code for verification and echo out/show error message 
    ?> 
    <div> 
     <!--HTML code that has form--> 
    </div> 
    </body 
</html> 

这个问题主要是因为回波出现在标题部分的存在。你可以检查你的意见,这可能会解决问题。