javascript - 如何在 WordPress Gutenberg Editor Metabox 上进行 JavaScript 验证

Question

我正在创建自定义分类法 date对于自定义帖子类型 announcement在带有 Gutenberg 的新版 WordPress 上。

我需要将此分类法作为发布帖子的必填字段，并且我已经尝试过

<input type="date" required>

它没有用，现在我正在努力验证类“requireMe”的输入。

所以我试图做的是捕获 Publish Post使用 JavaScript 按钮并禁用此输入是否已设置。

我的第一个问题是我永远无法捕获此按钮，因为它不是实际 DOM 的一部分，所以我已经注意到有一种通过 API 执行此操作的新方法，但我找不到合适的文档来执行此操作.

我只需要进行此验证。

as shown in this image

Answer 1

您可以使用 Editor store并发送一个禁用保存帖子的事件，直到您再次解锁它。

wp.data.dispatch( 'core/editor' ).lockPostSaving( 'my_lock_key' );

要禁用锁，请调用:

wp.data.dispatch( 'core/editor' ).unlockPostSaving( 'my_lock_key' );

您还可以选择发送显示在编辑器顶部的通知。

wp.data.dispatch( 'core/notices' ).removeNotice('LOCK_NOTICE');
wp.data.dispatch( 'core/notices' ).createErrorNotice( 'Please enter a date to continue.', { id: 'LOCK_NOTICE',isDismissible: true} ) ;