[JavaScript][HTML][PHP] Dynamiczny formularz

[JavaScript][HTML][PHP] Dynamiczny formularz

Fred1485 Zobacz profil	12.03.2015, 14:08:47 Post #1
Grupa: Zarejestrowani Postów: 361 Pomógł: 22 Dołączył: 10.02.2015 Ostrzeżenie: (0%)	Witam, to znowu ja Szukałem w necie poradników jak zrobić żeby dane z formularza przechodziły przez php i wyświetlone zostały na stronie bez refreshu strony... Znalazłem w necie kilka poradników i mam taką "sklejkę" Index.html [HTML] pobierz, plaintext <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="result"></div> <input type="text" id="name" name="name" class="name" placeholder="login..."/> <input type="submit" id="submit" name="submit" value="OK!"/> <script src="validation.js"></script> </html> [HTML] pobierz, plaintext Show.php [PHP] pobierz, plaintext <?php if($_POST) { if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') { $answer = json_encode(array('result' => 'error', 'text' => 'To nie jest żądanie AJAX')); } else { $login = filter_var($_POST["login"], FILTER_SANITIZE_STRING); if(strlen($login) < 5) { $answer = json_encode(array('result' => 'error', 'text' => 'Przynajmniej 5 znaków!')); } else { $answer = json_encode(array('result' => 'ok', 'text' => 'Witaj,'. $login. ' !')); } } } [PHP] pobierz, plaintext Javascript [HTML] pobierz, plaintext $(document).ready(function() { $("#submit").click(function() { var login = $('input[name=name]').val(); var next = true; if(login==""){ $('input[name=name]').css('border-color','red'); next = false; } if(next){ post_data = {'login':login}; $.post('show.php', post_data, function(response){ if(response.result == 'error'){ output = '<div class="error">'+response.text+'</div>'; } else{ output = '<div class="success">'+response.text+'</div>'; $('#name').val(''); } $("#result").hide().html(output).slideDown(); }, 'json'); } }); $("#name").keyup(function() { $("#name").css('border-color','grey'); }); }); [HTML] pobierz, plaintext Dodałem też że jak się nie wypełni pola to się obramowanie zmieni na czerwone, to przynajmniej działa Nakieruje ktoś coś? Ten post edytował Fred1485 12.03.2015, 14:12:53 -------------------- [PHP] pobierz, plaintext echo 'I was trying'; die (); [PHP] pobierz, plaintext