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

看起来你需要从$（document）.ready中取出add_collector函数，使其对提交可见

你也错过了一个括号：

＆＃13;

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

＆＃13;

或只是

＆＃13;

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

＆＃13;

Jquery验证不适用于wordpress插件

1 个答案: