如何在 Wordpress 的 Contact Form 7 中包含 JS

Question

我的这段代码有问题。我希望你们能帮助我解决这个问题。我想在这里做的是验证 Contactform 7 的 [输入文本]，用户只能在输入中键入数字。我有这个作为参考做这件事。所以我想在我的函数 php 上创建此脚本的简码，然后按照上面 link 中的建议在联系表中使用此简码。这是我目前在 functions.php

中遇到此代码的错误

Your PHP code changes were rolled back due to an error on line 262 of file wp-content/themes/capitall/functions.php. Please fix and try saving again. syntax error, unexpected '<'

function input_cf7() {

<script>

        var userName = document.querySelector('#numberField');

        userName.addEventListener('input', restrictNumber);
        function restrictNumber (e) {  
        var newValue = this.value.replace(new RegExp(/[^\d]/,'ig'), "");
        this.value = newValue;

        }

</script>

}

add_shortcode('input_validation', 'input_cf7');

Answer 1

脚本标签在 html 它不会运行在 php 块所以你必须在脚本标签之前关闭你的 php 块并打开 php 脚本标签后的块

如何在 Wordpress 的 Contact Form 7 中包含 JS

How to include JS in Contact Form 7 In Wordpress

javascript

php

wordpress

contact-form-7

shortcode