小冬SEO

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

2021-05-21 23:30:42 4465 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编辑发布,转载请保留链接: http://www.myseoyh.cn/shuo/125.html