JQueryのバリデーションがWordPressのプラグインで機能しない

Question

プラグインでjqueryのバリデーションを使用しようとしています。

この私の統合コード：

function addscripts($hook) { 

      wp_register_script('JqueryFile', plugin_dir_url(__FILE__) . '/Js/jquery.min.js', array('jquery')); 
      wp_enqueue_script('JqueryFile'); 

      wp_register_script('ValidationJ', plugin_dir_url(__FILE__) . '/Js/jquery.validate.min.js', array('jquery')); 
      wp_enqueue_script('ValidationJ'); 

      wp_register_script('Managment', plugin_dir_url(__FILE__) . '/Js/managment.js', array('jquery')); 
      wp_enqueue_script('Managment'); 

} 
add_action('admin_enqueue_scripts', 'addscripts'); 

ファイルmanagment.js

jQuery(document).ready(function($) { 

    $("#add_new_collector").validate({ 
    rules: { 
     collector_name: { 
     minlength: 10, 
     required: true 
    },submitHandler: add_collector 
    }); 

の追加機能は

function add_collector(){ 
       var data = $("#add_new_collector").serialize(); 
       alert(data); 
    } 
    }); 

検証が動作していない

Answer 1

それはヨーヨーのようになります。

function add_collector() { 
 
    var data = $("#add_new_collector").serialize(); 
 
    alert(data); 
 
} 
 
$(function() { 
 
    $("#add_new_collector").validate({ 
 
     rules: { 
 
     collector_name: { 
 
      minlength: 10, 
 
      required: true 
 
     } 
 
     }, 
 
     submitHandler: add_collector 
 
    } 
 
    }); 
 
});

か、単に

：uは提出

にそれが見えるように.ready $（文書）のうち、関数add_collectorを取る必要がある。また、あなたはブラケットが欠落しています

$(function() { 
 
    $("#add_new_collector").validate({ 
 
    rules: { 
 
     collector_name: { 
 
     minlength: 10, 
 
     required: true 
 
     }, 
 
     submitHandler: function() { 
 
     var data = $("#add_new_collector").serialize(); 
 
     alert(data); 
 
     } 
 
    } 
 
    }); 
 
});