javascript - 如何在###-####-###中设置联系表格7电话号码格式

我正在使用联系表格7，我想知道当用户输入的电话格式为###-####-###时，是否可以设置电话号码，默认情况下，请提前感谢

最佳答案

由于屏蔽输入插件将不会更新，请更新2019：

跟着这些步骤：

1）下载Cleave.js;

2）打开主题javascript文件夹（例如，Twenty 17），然后将该文件放在wp-content / themes / twentyseventeen / js中；

3）打开functions.php文件（位于主题的根文件夹中），然后将代码粘贴到其底部：

//Enqueue 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('contact') ){ //only contact page will load the script.
?>

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

     </script>

<?php
   }
}

5）在联系表7中创建一个输入字段（id：phone将用于Cleave.js）：

[text phone id:phone placeholder "Your phone number here."]

6）创建一个名为“ contact”的页面，并将您的表单放入其中。

而已。