Перевірка спеціальних значень мета-поля та обов'язкових полів

Щось, про що я ніколи не бачив, - це найкращий спосіб підтвердити, що конкретні поля форми заповнюються правильно для метаполев.

Я хочу отримати експертні висновки про те, як найкраще перевірити спеціальні поля для будь-яких метабоксів, які можна створити. Мене цікавлять:

• переконайтеся, що перевірка поля відбувається до публікації / оновлення публікації
• використання класу / коду, який не суперечить іншим JavaScript Wordpress
• дозволяє визначати конкретні поля як необхідні, тоді як інші можуть бути необов’язковими
• перевірити поля на основі настроюваних правил, включаючи регулярні вирази для таких речей, як формат електронної пошти
• контролювати візуальне відображення будь-яких помилок / повідомлень

Спасибі заздалегідь!

Найпростіший спосіб - додати перевірку Javascript через плагін jQuery Validate . Ось найосновніший посібник:

Поруч із вашим викликом 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"/>

Всі поля з "обов'язковим" у своєму класі будуть перевірені, коли публікація буде збережена / опублікована / оновлена. Усі інші параметри перевірки (правила, стиль помилок тощо) можна встановити у функції document.ready у my_script.js; перевірити документи 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. Готово :)

Я використовував цей код, дуже корисно, justa змінив:

$(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.