Validando valores personalizados de metarca e campos obrigatórios

Algo que eu nunca vi abordado é a melhor maneira de validar que campos de formulário específicos sejam preenchidos corretamente para as meta caixas de postagem personalizadas.

Estou procurando obter opiniões de especialistas sobre a melhor forma de validar campos personalizados para quaisquer metaboxes que possam ser criados. Meu interesse é:

• garantir que a validação de campo ocorra antes da publicação / atualização da postagem
• utilizando uma classe / código que não entre em conflito com outro javascript do wordpress
• permite definir campos específicos conforme necessário, enquanto outros podem ser opcionais
• validar campos com base em regras personalizáveis, incluindo regex para itens como formato de email
• controlar a exibição visual de quaisquer erros / avisos

Desde já, obrigado!

A maneira mais fácil é adicionar a validação Javascript através do plugin jQuery Validate . Aqui está o passo a passo mais básico:

Perto da sua chamada add_meta_box, enfileire o plug-in jQuery Validate, bem como um arquivo JS para o seu script simples:

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');
}

Em my_script.js, inclua o seguinte:

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

Isso permitirá a validação no formulário de postagem. Em seguida, no retorno de chamada add_meta_box, onde você define os campos personalizados, você adiciona uma classe "obrigatória" para cada campo que deseja validar, assim:

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

Todos os campos com "obrigatório" em sua classe serão validados quando a postagem for salva / publicada / atualizada. Todas as outras opções de validação (regras, estilo de erro etc.) podem ser definidas na função document.ready em my_script.js; verifique o jQuery Validar documentos para todas as opções.

O código básico completo para adicionar a validação do jQuery:

1. Enfileire o script de validação. Presumo que o jQuery já esteja enquadrado.

   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. No arquivo js ou na tag de script:

   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. Feito :)

Eu usei esse código, muito útil, apenas mudou:

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

Para:

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

Porque se você tiver outro formulário dentro do formulário principal, inicie o script.

E:

$(form).submit();

Para:

$(this).submit();

Porque a primeira linha salva apenas a postagem como rascunho e você não pode mais publicá-la.

Escreveu tudo aqui: http://allgraphics.it/blog/2012/10/jquery-validation-sui-campi-di-input-postcustom-post-di-wordpress/

Eu encontrei essa abordagem para resolver o problema de validar campos metabox usando código PHP

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

Espero que isso ajude você (funciona para mim em um cenário semelhante)

Se você deseja validar o lado do servidor, a opção mais fácil é usar Campos personalizados avançados para definir seus layouts de campos personalizados e, em seguida, o complemento Campo validado para definir sua validação por campo no WordPress Admin.