小冬SEO

wordpress在使用Contact Form 7表单的时候,留言无任何提示处理

2021-05-21 23:30:42 2259 WordPress笔记

wordpress在使用Contact Form 7表单插件的时候,前端留言后无任何提示,这样就导致用户不知道自己是否提交成功,所以这个时候需要做个象征性的提示,方法如下:
在模板文件中的footer.php页脚文件最下面添加如下代码:

<script>

    const wpcf = document.querySelectorAll(".wpcf7-form");

    for(let i=0;i<wpcf.length;i++){

        let tel = wpcf[i].querySelector("input[type=tel]"),

            sub = wpcf[i].querySelector("input[type=submit]");

        sub.onclick=function(){

            if(tel.value!=''&&tel.value.length==11){

                setTimeout(() => {

                    alert("我们已收到您的请求,会尽快与您联系!")

                }, 300);

            }else{

                alert("错误的电话号码!")

            }

        }

    }

</script>

版权保护: 本文由小冬SEO编辑发布,转载请保留链接: https://www.cdseoyh.cn/shuo/125.html

小冬SEO 草根seoer,从事搜索引擎关键词优化,喜欢学习专研各类SEO优化技巧—小冬SEO博客
  • 138文章总数
  • 2260本页访问
  • 运营时间
  • 标签

    友情链接

      {dede:sql sql="select url,webname from dede_flink where typeid = (select id from dede_flinktype where typename=~typename~)"}
    • [field:webname/]
    • {/dede:sql}