联系Form 7和Cleave.js电话号码输入字段

如何解决联系Form 7和Cleave.js电话号码输入字段

感谢您关注我的问题。

我正在使用wordpress创建自己的网站，与此同时，我正在学习编程。我请你帮忙弄清楚一点。我已经基于Contact Form 7插件实现了联系表。我连接了JS（cleave.js），以方便输入电话号码（仅输入一定数量的电话号码）。除一件事外，其他所有东西都正常运行：如果网站上某处已经启动了相同的联系表，则输入电话号码的字段将停止工作。即在网站的不同页面上找到相同的联系表单（例如：在首页和内部页面上）。在主页上，输入号码的字段可以正常使用，但是在内部页面上，电话号码字段的条件不起作用。

请告诉我如何解决此问题，以便不仅在打开网站时而且在有联系表的所有页面上都触发数字输入字段的条件。作者建议通过运行instance.getRawValue（）来使用循环。也许还有另一种更易于使用的解决方案或JS。

谢谢！

JS链接：https://github.com/nosir/cleave.js

使用的代码：

function enqueue_cleave(){
     wp_enqueue_script('cleave',get_stylesheet_directory_uri().'/js/cleave.min.js');
}
add_action('wp_enqueue_scripts','enqueue_cleave'); 

add_action('wp_footer','activate_cleave');

function activate_cleave(){
   if( is_page('') ){
?>

     <script type="text/javascript">
        document.addEventListener('DOMContentLoaded',() => {
        var phone = new Cleave('#phone',{
            numericOnly:true,prefix:'+',delimiter:'-',blocks:[5,4,2]
        });
    });

     </script>

<?PHP 
   }
}