(JQuery / PHP) Sprawdzanie poprawności danych przed przesłaniem - php, jquery, html, formularze, dane wejściowe

Jakie jest najlepsze podejście do sprawdzania danych wejściowych (formularza) zaraz po wpisaniu?

Moim pomysłem jest umieszczenie DIV tuż obok danych wejściowych, to div jest tam, gdzie zobaczysz komunikat informujący, czy dane są poprawne, czy nie, jak na przykład:

Your name:
<input type="text">
<div id="data-validation"></div>

<script>
$("input").change(function(){
$("#data-validation").load("data-validation.php?input="+$(this).val());
});
</script>

//data-validation.php
<?php
$input = $_GET["input"];
if(strlen($input) < 3)
echo "Name must have at least 3 characters.";
?>

PHP zajmuje się sprawdzaniem poprawności i wyświetlaniem danych.

Obawiam się, że jest o wiele lepszy sposób na zrobienie tego, chciałbym wiedzieć, jaki jest najlepszy sposób na zrobienie tego.

Odpowiedzi:

Absolutnie!

Większość twoich sprawdzeń napisów możesz wykonać zKoniec JavaScriptu, aby zapobiec niepotrzebnym połączeniom z serwerem. Nadal masz kontrole PHP, ale teraz chcesz je powielić do końca JavaScript, na przykład:

$("#data-validation").change(function(){
if($(this).val().length >= 3) {
$(this).load("data-validation.php?input="+$(this).val());
} else {
alert("Name must have at least 3 characters.");
}
});

Jeśli masz kilka czeków, zamiast sprawdzaćdługość, sprawdź względem funkcji, która wykonuje serię zadań na końcu JavaScript. Chcesz się upewnić, że twój PHP robi to samo, ponieważ przeglądarka JavaScript może łatwo ominąć. Chcesz zoptymalizować, wykonując mniej połączeń z serwerem i wykorzystując więcej zasobów lokalnych.

Gorąco polecam za pomocą jQuery Validate nadal musisz sprawdzić na stronie php, ale to zaoszczędzi ci mnóstwo pracy po stronie UI / jQuery rzeczy