在WordPress插件开发中使用javascript验证

开始在WordPress中开发自定义数据库表插件

当我开始在插件中使用jquery时，我开始收到如下错误通知：

wp_enqueue_脚本调用不正确

我需要一些关于如何在WordPress插件中调用jQuery/js的帮助

这是我的验证代码：

var jq=$.noConflict（）；
jq（文档）.ready（函数（）{
jq（“#提交”）。单击（函数（）{
//检查浏览器是否完全支持所有文件API
if（window.File&&window.FileReader&&window.FileList&&window.Blob）
{
//从文件输入字段获取文件大小和文件类型
var fsize=jq（“#文件上传”）[0]。文件[0]。大小；
if（fsize>5000000）//如果文件大小超过1MB（1048576），请执行某些操作
{
//警报（“仅允许上载小于5 mb的文件”）；
//警报（“”）；
jq（'.file upload error'）.show（0）.delay（10000）.hide（0）；
返回false；
}
其他的
{
返回true；
}
}
});
});

以上代码用于上传验证

---

谢谢

首先，我对您的javascript/jQuery代码做了一些更改：

jQuery（文档）.ready（函数（$）{
log（“加载的插件脚本”）；
$（“#提交”）。单击（函数（）{
//检查浏览器是否完全支持所有文件API
if（window.File&&window.FileReader&&window.FileList&&window.Blob）
{
//从文件输入字段获取文件大小和文件类型
var fsize=$（'#文件上传'）[0]。文件[0]。大小；
if（fsize>5000000）//如果文件大小超过1MB（1048576），请执行某些操作
{
log（“仅允许上载小于5MB的文件”）；
$（'.file upload error'）。显示（0）。延迟（10000）。隐藏（0）；；
返回false；
}
其他的
{
log（“允许上载的文件小于5MB”）；
返回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' );
}

---

这应该可以工作

检查站点的插件。\u url（）。@Loic No，它不工作；我也尝试过传递绝对路径…但它并没有调用js文件。