Верните поля, которые не проходят проверку в PHP, на jQuery

Question

Я использую jQuery с PHP для проверки формы. Я хочу вернуть те поля, которые не проверяют, так что я могу выделить их с помощью JavaScript

это моя попытка с помощью PHP (validate.php):

<?php 
... 
$a_invalidInput = array(); 

$from = $_POST['from']; 
$to = $_POST['to']; 
$email_to = $_POST['email_to']; 

if(empty($from)){ 
    $a_invalidInput[] = 'from'; 
} 

if(empty($to)){ 
    $a_invalidInput[] = 'to'; 
} 

//validate the email_to address 
if(empty($email_to)){ 
    $a_invalidInput[] = 'email_to'; 
} else{ 

    //do more validation for email 
} 
... 
?> 

Это мой JQuery код:

... 

var data = "from="+ from + "&to=" + to + "&email_to=" + email_to; 

$.ajax({ 
    url: "includes/validate.php", 
    type: "POST", 
    data: data, 
    success: function(){ 

     //highlight fields that do not pass validation 

    } 
}); 

... 

Я не уверен, что я на правильном пути или нет И как вернуть поля ввода, которые не проходят проверку, поэтому я могу добавить класс, чтобы выделить поля, которые не проходят проверку.

Я мог бы сделать это с помощью JavaScript, но я предпочитаю использовать файл PHP для проверки

Благодаря Marco

Answer 1

Один путь будет возвращать JSON закодированные массив полей, которые не проходят.

С вашего PHP-скрипта выведите свой массив Invalid Input (json encoded, чтобы ваш javascript мог его использовать). Затем на стороне Javascript вы хотите проверить, имеет ли этот вывод какие-либо значения. Если это так, используйте их.

<?php 
    // at the end of your script 
    header('Content-type: application/json'); 
    echo json_encode($a_invalidInput); 
    exit(); 
?> 

Теперь в вашем JQuery, вы хотите использовать этот выход JSon ...

$.ajax({ 
    url: "includes/validate.php", 
    type: "POST", 
    dataType: "json", 
    data: data, 
    success: function(data){ 
     if (data !== undefined 
     && data.length > 0) { 
      for (var i = 0; i < data.length; i++) { 
       var field_name = data[i]; 
       var field = $('input[name=' + field_name + ']'); 

       // now you have the field, so you can modify it accordingly. 
      } 
     } 
    } 
}) 

Answer 2

изучить с помощью JQuery для проверки формы - я лично считаю, это проще. Тем не менее, вы всегда должны дважды проверять данные, а ALWAYS избегать его на стороне сервера.

http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/