Untitled

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="/public/scripts/jquery.min.js"></script>
        <script src="/public/scripts/jquery.cookie.js"></script>
        <title>AJAX</title>
        <style>.red{background:red}</style>
    </head>

    <body>
       <?
        $login = ""; $password = "";
        if(isset($_COOKIE['remember']) && $_COOKIE['remember']==1){
            $login = $_COOKIE['login'];
            $password = $_COOKIE['password'];
        }
       ?>
        <form method="post" id="form_auth" onsubmit="send();return false;">
            <p><input type="text" value="<?=$login?>" name="login" placeholder="логин" /></p>
            <p><input type="password"  value="<?=$password?>" name="password" placeholder="пароль" /></p>
            <p><label><input type="checkbox" value="1" name="remember_me" /></label></p>
            <button>Войти</button>
        </form>


        <script>
          function send()
          {

              $.ajax({
                type: "POST",
                url: "ucfirst.php",
                data: $('#form_auth').serialize(),
                dataType: "json",
                success: function(data){
                     if(data.status =='ok'){
                            alert("форма валидна");
                        }else{
                            //вывод ошибок
                            for(var i in data.error){
                                $('input[name="'+i+'"]').after( data.error[i]);
                            }
                        }
                }
              });

              return false;
          }
        </script>
    </body>
</html>