Zalecenia dotyczące udostępniania reguł sprawdzania poprawności między JavaScript i PHP?

Question

Jesteśmy w trakcie pisania nowego formularza, który nasz koder front-end zawiera wiele walidacji JavaScriptu (technicznie, jQuery Tools validation).

Piszę część procesu po stronie serwera PHP i oczywiście mój własny kod będzie wykonywał własne sprawdzanie poprawności otrzymanych danych.

Zamiast utrzymywać dwa zestawy reguł sprawdzania poprawności - jQuery i PHP - czy masz jakieś zalecenia dotyczące sposobu utworzenia centralnej listy reguł sprawdzania poprawności - tj. Pole X musi mieć rozmiar> 1 i < 10 itp. - czy mógłbym zmienić regułę sprawdzania poprawności w jednym pliku lub tabeli bazy danych, która następnie byłaby przekazywana zarówno do PHP, jak i do jQuery?

Na przykład, zmień tę samą zasadę, o której wspomniałem powyżej "pole X musi być rozmiaru> 1 i < 10" do "pole X musi być rozmiaru> 3 i < 5" i wszystko, co musiałbym zrobić, to edytować plik lub tabela bazy danych i zarówno PHP, jak i jQuery będą pobierać i analizować te dane odpowiednio?

Z góry dzięki za pomoc,

Phil

Answer 1

Coś wzdłuż tych linii będzie prawdopodobnie dobre: ​​

<?php 
$validation = Array(
    "field1" => Array(// "field1" is the name of the input field 
     "required" => true, // or false 
     "minlength" => 5, // use 0 for no minimum 
     "maxlength" => 10, // use 9999 (or other high number) for no maximum 
     "regex" => "^[a-zA-Z0-9]+$" // use empty string for no regex 
    ), 
    "field2" => ....... 
    .... 
); 
if($_POST) { 
    foreach($validation as $k=>$v) { 
     if(!isset($_POST[$k])) { 
      if($v['required']) die("Field ".$k." is required"); 
     } 
     else { 
      $l = strlen($_POST[$k]); 
      if($l < $v['minlength']) die("Field ".$k." too short"); 
      if($l > $v['maxlength']) die("Field ".$k." too long"); 
      if(!preg_match("(".$v['regex'].")",$_POST[$k])) die("Field ".$k." incorrect format"); 
     } 
    } 
    // all ok! 
} 
?> 
<script type="text/javascript"> 
    (function(rules) { 
     var die = function(str) {alert(str); return false;}; 
     document.getElementById('myForm').onsubmit = function() { 
      var elms = this.elements, i, it, r, s; 
      for(i in rules) { 
       r = rules[i]; 
       it = elms.namedItem(i); 
       if(typeof it == "undefined") { 
        if(r.required) return die("Field "+i+" is required"); 
       } 
       else { 
        s = it.length; 
        if(s < r.minlength) return die("Field "+i+" too short"); 
        if(s > r.maxlength) return die("Field "+i+" too short"); 
        if(!s.match(new RegExp(r.regex))) return die("Field "+i+" incorrect format"); 
       } 
      } 
      return true; 
     }; 
    })(<?=json_encode($validation)?>); 
</script> 

Jak widać, ogólna idea jest zdefiniowanie zestawu zasady, to magia dzieje się w json_encode($validation) - przekazuje to reguły do ​​środowiska JavaScript. Nadal musisz zduplikować kod weryfikacyjny, aby działał on w PHP i JS, ale przynajmniej teraz możesz dodać więcej reguł bez konieczności zmiany kodu w dwóch miejscach. Mam nadzieję że to pomoże!

Answer 2

Nette framework robi to: http://doc.nette.org/en/forms

Cała forma i zasady zatwierdzania są zdefiniowane w pliku PHP. Framework następnie generuje kod HTML z walidacją javascript, a po jego przesłaniu dokonuje walidacji po stronie serwera.

Można nawet korzystać z części Forms osobno.