PHP：當回顯JavaScript警報時，文本輸入大小減少

我有一個像這樣的基本HTML表單。提交時，它檢查空字段並提醒用戶這兩個字段都是必需的。警報後，用戶被重定向到同一頁面，但文本輸入大小減小。在PHP「echo」之後，我如何保留相同的寬度和高度？PHP：當回顯JavaScript警報時，文本輸入大小減少

Screenhot 1：

截圖2：

截圖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(); ?>

來源

2013-08-20 user2662050

無法看到您的代碼，但檢查您是否已關閉所有標籤，特別是在提交後 – allen213

是的。代碼很好。這也發生在我的Twitter Bootstrap上。但沒有CSS就不會發生。可能與CSS有關。 – user2662050

然後發佈相關的css – allen213

這通常發生在一個PHP錯誤或的var_dump（）是在頁面上，但你可能看不到它，因爲它是一個固定頭的div下隱藏，例如。

看看你查看源代碼&檢查如果沒有PHP錯誤頁面

來源

2013-08-20 08:26:27 jmadsen

上可能來不及回答，但同樣的問題，與我同在。我通過將錯誤彈出框放在標題之外來解決這個問題。我到處搜索，最終在這裏。

我的代碼是這樣的事情之前：

<?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>

這個問題主要是因爲回波出現在標題部分的存在。你可以檢查你的意見，這可能會解決問題。

來源

2013-09-29 19:54:18

PHP：當回顯JavaScript警報時，文本輸入大小減少

回答

相關問題