php - PHP を使用したフォーム検証と、入力されたユーザー名を所定の位置に表示してフォーム入力フィールドを非表示にする

Question

PHPを使用してユーザー名とパスワードを検証し、同じページでdivフィールドセット全体を非表示にする代わりにユーザー名を表示したい. フィールドセット内にフォーム入力フィールドを取得しました。これはすべてdiv内にあります。

PHP:
<?php       //------------------------------------------------------------------------------>PHP VALIDATION
    $user="";
    $pass="";
    $nameErr="";
    $passErr="";`enter code here`
    //$pattern='/^[a-zA-Z0-9@_ ]*$/';
    if($_SERVER['REQUEST_METHOD']=='POST')
    {
        if(empty($_POST['uname']))
        {
            $nameErr='Enter Your Name!';
        }
        else
        {
            $user = test_input($_POST['uname']);
            if(!preg_match('/^[a-zA-Z0-9@_]*$/',$user))
            {
                $nameErr=' Re-Enter Your Name! Format Inccorrect!( only alpha, numbers,@_ are allowed)';
            }
        }
    }

    function test_input($data)
    {
        $data = trim($data);
        $data = stripslashes($data);
        $data = htmlspecialchars($data);
        return $data;
    }
?>


HTML:

<div class='input'>
    <fieldset>
        <?php echo $user;?>
        <form method='post' name='f1' action='<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>'>
            <table>
                <tr>
                    <td>
                        User Name:<input type='text' id='uname' name='uname' class='uname' placeholder='USERNAME' autocomplete='off' autofocus><span class='error'>*</span>
                        Password:<input type='password' id='pass' class='pass' placeholder='PASSWORD' autocomplete='off'><input type='submit' name='submit' id='loggin' value='LOGIN' class='login'>
                    </td>
                </tr>
            </table>
        </form>
    </fieldset>
    <div class='errormsg' id='errmsg'><?php echo $nameErr;?></div>
</div>