カスタムメタボックスの値と必須フィールドの検証

カスタムの投稿タイプのメタボックスについて、特定のフォームフィールドが正しく記入されていることを検証する最良の方法は、これまでカバーしたことがなかったものです。

作成する可能性のあるメタボックスのカスタムフィールドを検証する最善の方法について専門家の意見を求めています。私の興味は：

• 投稿が公開/更新される前にフィールド検証が行われることを確認します
• 他のワードプレスのjavascriptと競合しないクラス/コードを利用する
• 必要に応じて特定のフィールドを定義できますが、他のフィールドはオプションです
• メール形式などの正規表現を含むカスタマイズ可能なルールに基づいてフィールドを検証する
• エラー/通知の視覚的な表示を制御する

前もって感謝します！

最も簡単な方法は、jQuery Validateプラグインを介してJavascript検証を追加することです。最も基本的なチュートリアルは次のとおりです。

add_meta_box呼び出しの近くで、jQuery Validateプラグインと単純なスクリプトのJSファイルをキューに入れます。

add_action('admin_enqueue_scripts', 'add_my_js');   
function add_my_js(){    
  wp_enqueue_script('my_validate', 'path/to/jquery.validate.min.js', array('jquery'));
  wp_enqueue_script('my_script_js', 'path/to/my_script.js');
}

次に、my_script.jsに以下を含めます。

jQuery().ready(function() {
    jQuery("#post").validate();
});

これにより、投稿フォームで検証が有効になります。次に、カスタムフィールドを定義するadd_meta_boxコールバックで、検証する各フィールドに「必須」クラスを追加します。

<input type="text" name="my_custom_text_field" class="required"/>

クラスに「必須」が含まれるすべてのフィールドは、投稿が保存/公開/更新されるときに検証されます。他のすべての検証オプション（ルール、エラースタイリングなど）は、my_script.jsのdocument.ready関数で設定できます。すべてのオプションについては、jQuery Validateドキュメントを確認してください。

jQuery検証を追加するための完全な基本コード：

1. 検証スクリプトをキューに入れます。jQueryはすでにエンキューされていると思います。

   add_action('admin_enqueue_scripts',function($id){
       $validation',$validation_js_url = #your validation.js source;
       wp_register_script( 'validation',$validation_js_url,array(),'',true );
       wp_enqueue_script( 'validation' );
   });

2. jsファイルまたはスクリプトタグで：

   jQuery(document).ready(function($){
       var form = $("form[name='post']");
       $(form).find("input[type='submit']").click(function(e){
           e.preventDefault();
           $(form).validate();
   
           if($(form).valid())
           {
               $("#ajax-loading").show();
               $(form).submit();
           }else{
               $("#publish").removeClass().addClass("button-primary");
               $("#ajax-loading").hide();
           }
       });
   });

3. 完了:)

私はこのコードを使用しましたが、非常に役に立ちましたが、変更されました：

$(form).find("input[type='submit']").click(function(e){

に：

$(form).find("#publish").click(function(e){

'メインフォーム内に別のフォームがある場合、スクリプトが起動します。

そして：

$(form).submit();

に：

$(this).submit();

「最初の行は投稿を下書きとしてのみ保存するため、これ以上公開することはできません。

ここにすべてが書かれています：http : //allgraphics.it/blog/2012/10/jquery-validation-sui-campi-di-input-postcustom-post-di-wordpress/

PHPコードを使用してメタボックスフィールドを検証する問題を解決するためにこのアプローチを見つけました

https://tommcfarlin.com/post-meta-data-error-messages/

これがあなたを助けることを願っています（同様のシナリオで私のために働く）

サーバー側を検証できるようにする場合、最も簡単なオプションは、高度なカスタムフィールドを使用してカスタムフィールドレイアウトを定義し、次に、検証済みフィールドアドオンを使用してWordPress Adminのフィールドごとに検証を設定することです。