Как нажимать элемент вниз, когда другой добавлен

Question

<form id="password_form" action="" method="post"> 
    Username: </br> 
    <input type="text" name="login_username"></br> 
    Password:</br> 
    <input type="password" name="login_password"> 
    </br> 
    <input type="submit" name="login" value="Log in"> 
</form> 

//form validation now occurs 
<?php 
    if (isset($_POST['login'])) 
    { 
     $username = trim($_POST['login_username']); 
     $password = trim($_POST['login_password']); 

     //checks if correct credentials were given   
     $login = login($username, $password); 
     if ($login === FALSE) 
     { 
      $errors[] = 'That username/password combination is incorrect'; 
      $errors_1 = output_errors($errors); 
      echo "<div id='errors'> $errors_1</div>"; 
     } 
    } 
?> 

Выше мой код. После того, как пользователь отправит форму, я проверю, чтобы убедиться, что пользователь предоставил правильные учетные данные. Если нет, то сообщение об ошибке добавляется в массив $ errors и выводится. Я хочу, чтобы ошибки выводились над формой и форма, которую нужно было перемещать пропорционально. Я попытался найти массив ошибок над формой и увеличил маржу и отступы, но это не сработало. Какие-либо предложения?

Answer 1

Если вы используете jQuery и у вас есть отдельный HTML и PHP (MVC)

определить DIV в форме называется error_container<div id="error_container"></div>

то из вашей PHP эхо отклик.

$html = "<div id='errors'>$errors_1</div>"; 
echo json_encode($html); 

в jQuery АЯКС успеха

success:function(result){ 
    $("#error_container").html(result); 
} 

---

, если вы используете только PHP и ваш PHP и HTML в той же странице

на ваш взгляд установлен, если $error_1 установлено, эхо ошибка

//form validation now occurs 
<?php 
    if (isset($_POST['login'])) 
    { 
     $username = trim($_POST['login_username']); 
     $password = trim($_POST['login_password']); 

     //checks if correct credentials were given   
     $login = login($username, $password); 
     if ($login === FALSE) 
     { 
      $errors[] = 'That username/password combination is incorrect'; 
      $errors_1 = output_errors($errors); 
     } 
    } 
?> 

<!-- check is variable isset --> 

<?php if(isset($errors_1)) { ?> 

<div id='errors'><?php echo $errors_1; ?></div> 

<?php } ?> 

<form id="password_form" action="" method="post"> 
    Username: </br> 
    <input type="text" name="login_username"></br> 
    Password:</br> 
    <input type="password" name="login_password"> 
    </br> 
    <input type="submit" name="login" value="Log in"> 
</form>