Convalida di valori personalizzati di Meta Box e campi obbligatori

Qualcosa che non ho mai visto coperto è il modo migliore per convalidare che i campi specifici del modulo siano compilati correttamente per meta box di tipo post personalizzato.

Sto cercando di ottenere pareri di esperti sul modo migliore per convalidare i campi personalizzati per qualsiasi metabox che si possa creare. Il mio interesse è:

• assicurarsi che la validazione sul campo avvenga prima che il post sia pubblicato / aggiornato
• utilizzando una classe / codice che non è in conflitto con altri wordpress javascript
• ti permette di definire campi specifici come richiesto mentre altri potrebbero essere opzionali
• convalida i campi in base a regole personalizzabili tra cui regex per cose come il formato e-mail
• controlla la visualizzazione visiva di eventuali errori / avvisi

Grazie in anticipo!

Il modo più semplice è aggiungere la convalida Javascript tramite il plugin jQuery Validate . Ecco la procedura dettagliata più semplice:

Vicino alla tua chiamata add_meta_box, accoda il plug-in jQuery Validate e un file JS per il tuo semplice script:

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

Quindi in my_script.js includere quanto segue:

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

Ciò consentirà la convalida sul modulo di posta. Quindi nel callback add_meta_box in cui si definiscono i campi personalizzati, si aggiungerebbe una classe "obbligatoria" per ogni campo che si desidera convalidare, in questo modo:

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

Tutti i campi con "obbligatorio" nella loro classe verranno convalidati quando il post viene salvato / pubblicato / aggiornato. Tutte le altre opzioni di convalida (regole, stile degli errori, ecc.) Possono essere impostate nella funzione document.ready in my_script.js; controlla i documenti jQuery Convalida per tutte le opzioni.

Il codice di base completo per aggiungere la convalida jQuery:

1. Accodare lo script di convalida. Presumo che jQuery sia già richiesto.

   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. Nel file js o tag 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. Fatto :)

Ho usato questo codice, molto utile, Justa è cambiata:

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

Per:

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

Perché se hai un altro modulo all'interno del modulo principale, questo avvia lo script.

E:

$(form).submit();

Per:

$(this).submit();

Perché la prima riga salva solo il post come bozza e non puoi più pubblicarlo.

Scritto tutto qui: http://allgraphics.it/blog/2012/10/jquery-validation-sui-campi-di-input-postcustom-post-di-wordpress/

Ho trovato questo approccio per risolvere il problema di validare i campi metabox usando il codice PHP

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

Spero che questo ti aiuti (funziona per me in uno scenario simile)

Se desideri essere in grado di convalidare il lato server, l'opzione più semplice è utilizzare i campi personalizzati avanzati per definire i layout dei campi personalizzati, quindi il componente aggiuntivo Campo convalidato per impostare la convalida per campo nell'amministratore di WordPress.