2017-09-30 88 views
0

我想在插件中使用jquery驗證。jquery驗證不適用於wordpress插件

這是我的集成代碼:

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

的驗證工作不

+0

請點擊''''代碼片段編輯器並創建一個[mcve] – mplungjan

回答

0

它看起來像喲u需要採取功能add_collector出$(文件)。就緒使其可見於提交

而且你缺少一個支架:

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

或只是

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