it-swarm.asia

التحقق من صحة قيم صندوق التعريف المخصص والحقول المطلوبة

إن الشيء الذي لم أشاهده مطلقًا هو الطريقة المثلى للتحقق من ملء حقول النموذج المحددة بشكل صحيح لمربعات تعريف نوع النشر المخصصة.

إنني أتطلع إلى الحصول على آراء الخبراء حول أفضل طريقة للتحقق من صحة الحقول المخصصة لأي من الأيضات التي قد يخلقها المرء. اهتمامي هو:

  • تأكد من التحقق من صحة المجال قبل نشر/تحديث المنشور
  • استخدام فئة/رمز لا يتعارض مع جافا سكريبت ووردبريس أخرى
  • يسمح لك بتحديد حقول محددة كما هو مطلوب بينما يمكن أن تكون الحقول الأخرى اختيارية
  • التحقق من صحة الحقول على أساس قواعد قابلة للتخصيص بما في ذلك regex لأشياء مثل تنسيق البريد الإلكتروني
  • التحكم في العرض المرئي لأي أخطاء/إشعارات

شكرا لك مقدما!

15
NetConstructor.com

أسهل طريقة هي إضافة التحقق من جافا سكريبت عبر jQuery Validate plugin . إليك أهم الخطوات الأساسية:

بالقرب من مكالمة 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 function في my_script.js؛ تحقق من jQuery التحقق من صحة المستندات لجميع الخيارات.

20
danblaker

لقد استخدمت هذا الرمز ، مفيد جدًا ، لقد تغير 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/

2
Ricky

لقد وجدت هذا النهج لحل مشكلة التحقق من صحة حقول metabox باستخدام PHP code

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

آمل أن يساعدك هذا (يعمل لي في سيناريو مشابه)

2
Julio Garcés Teuber

الكود الأساسي الكامل لإضافة التحقق من صحة jQuery:

  1. قم بتثبيت برنامج التحقق من الصحة. أفترض مسج بالفعل.

    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. فعله :)

2
Ijas Ameenudeen

إذا كنت تريد أن تكون قادرًا على التحقق من جانب الخادم ، فإن الخيار الأسهل هو استخدام الحقول المخصصة المتقدمة لتحديد تخطيطات الحقول المخصصة الخاصة بك ، ثم حقل التحقق من الصحة الوظيفة الإضافية لتعيين التحقق من الصحة لكل حقل في وورد الادارية.

0
doublesharp