JavascriptとPHP間の検証ルールの共有に関する推奨事項

Question

フロントエンドのコーダーに多数のJavaScript検証（技術的にはjQueryツールの検証）が含まれた新しいフォームを作成しています。

私はプロセスのPHPサーバー側部分を書いていますが、もちろん、自分のコードは受信したデータの独自の検証を実行します。

jQueryとPHPの2組の検証ルールを維持するのではなく、検証ルールの中央リストを作成する方法についての推奨事項があります。つまり、フィールドXはサイズ> 1で、<です。などです。そのため、単一のファイルまたはデータベーステーブルで検証ルールを変更すると、PHPとjQueryの両方に渡されます。

たとえば、上記の「フィールドXはサイズ> 1で、< 10」から「フィールドXはサイズ> 3、< 5」に変更してください。ファイルを編集するだけですPHPとjQueryの両方がそれに応じてデータを取得して解析するでしょうか？あなたの助けを事前に

おかげで、

フィル

Answer 1

これらの線に沿って何かがおそらく良いでしょう：

<?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> 

は、あなたが見ることができるように、一般的な考え方は、セットを定義することですルールでは、魔法はjson_encode($validation)で起こります。これにより、ルールがJavaScript環境に渡されます。 PHPとJSで動作させるためには、検証コードを複製する必要がありますが、少なくとも2つの場所でコードを変更することなく、より多くのルールを追加することができます。お役に立てれば！ http://doc.nette.org/en/forms

全体の形や検証ルールはPHPファイルで定義されています。

Answer 2

Nette frameworkはこれを行います。その後、フレームワークはJavaScriptの検証でHTMLコードを生成し、送信後にサーバー側の検証を実行します。

フレームワークのフォーム部分を別途使用することもできます。