WordPressプラグイン開発でのjavascript検証の使用

Question

WordPressでカスタムデータベーステーブルプラグインの開発を開始しました。

私は私のプラグインのjQueryを使用し始めたとき、私は次のように通知エラーを受け始めている：

wp_enqueue_scriptが間違って呼ばれていました。

WordPressプラグインでjQuery/jsを呼び出す方法についていくつかの助けが必要です。ここで

は私の検証コードです：

<script> 
    var jq = $.noConflict(); 
    jq(document).ready(function(){ 
     jq('#submit').click(function() { 

      //check whether browser fully supports all File API 
      if (window.File && window.FileReader && window.FileList && window.Blob) 
      { 

       //get the file size and file type from file input field 
       var fsize = jq('#File_Upload')[0].files[0].size; 

       if(fsize>5000000) //do something if file size more than 1 mb (1048576) 
       { 
        //alert ("Only the file less than 5 mb allowed to upload"); 
        //alert ('<?php echo "Only the file less than 5 mb allowed to upload";?>'); 
        jq('.file-upload-error').show(0).delay(10000).hide(0); 
        return false; 
       } 
       else 
       { 
        return true; 
       } 
      } 
     }); 
    }); 
</script> 

上記のコードは、アップロードの検証に使用されます。

おかげ

Answer 1

まず、私はあなたのJavaScript/jQueryのコードを少し変更しました：

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

    console.log("plugin script loaded"); 
    $('#submit').click(function() { 

     //check whether browser fully supports all File API 
     if (window.File && window.FileReader && window.FileList && window.Blob) 
     { 

      //get the file size and file type from file input field 
      var fsize = $('#File_Upload')[0].files[0].size; 

      if(fsize>5000000) //do something if file size more than 1 mb (1048576) 
      { 
       console.log("Only the file less than 5 mb allowed to upload"); 
       $('.file-upload-error').show(0).delay(10000).hide(0);; 
       return false; 
      } 
      else 
      { 
       console.log("file is less than 5 mb allowed to upload"); 
       return true; 
      } 
     } 
    }); 
}); 

これは、プラグインのJavaScriptのファイルをキューに入れるための正しい方法です：

add_action('wp_enqueue_scripts', 'custom_table_example_validation'); 
function custom_table_example_validation() { 
    wp_register_script('est_collaboration', plugins_url('/js/upload_valid.js', __FILE__), array('jquery')); 
    wp_enqueue_script('jquery'); 
} 

これは動作するはずです