1

感谢您关注我的问题。

我在 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,4,2]
        });
    });

     </script>

<?php 
   }
}
4

0 回答 0