Question

I want to display messages at top ids “MessageError” and “MessageOK” according to POST results. Example:

<p id="MessageError"></p>
<p id="MessageOK"></p>

<form name="Form" method="post" action="<?php $_SERVER[ 'PHP_SELF' ]; ?>" enctype="multipart/form-data" accept-charset="UTF-8" id="Form">
  <input type="text" name="test" value="" /> <input type="submit" name="Submit" value="" />
</form>

<?php
if ( isset ( $POST[ 'Submit' ] ) ) {
  if ( $_POST[ 'test' ] ) {
    // Echo message at "MessageOK
  }
  else {
    // "Echo message at "MessageError"
  }

}
?>

Any help will be appreciated.

Thank you.

Answer 1

Move the code above your form to print the error message above your form. Also your paragraph tags can be created on the fly, to avoid waste:

<?php
    if(isset($_POST['submit'])){
        if($_POST['test'])echo("<p id='MessageOk'>There was an Error</p>");
        else echo("<p id='MessageError'>There was no error</p>");
    }
?>

If you are dead set on adding content to pre-created divs using PHP, can I suggest creating an input using PHP eg:

 <?php
        $test = $_POST['test'];
        echo("<input type='hidden' id='test' value='$test' />");
 ?>

And then using JavaScript to append data:

if(document.getElementById('test').value){
    document.getElementById('MessageOk').innerHTML = 'No Error';
}
else{
    document.getElementById('MessageError').innerHTML = 'Error ??';
}