Javascript 包括JS联系Form 7 Wordpress

你可能认为问题在于将js包含到著名的wordpress插件中——联系Form7

我的表单如下所示：

<label>[text* your-name] </label>
<label>[email* your-email]</label>
<label>[number number-189 min:500000000 max:900000000 id:numertel class:numertel1]</label> //this is telephone number
<label>[text* your-subject] </label>
<label>[textarea* your-message] </label>
[submit id:przycisk "Send"]

我在浏览器的“检查元素”选项中看到的插件生成的HTML：

<input type="number" name="number-189" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-number numertel1" id="numertel" min="500000000" max="900000000" aria-invalid="false">
<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" id="przycisk">

代码工作得很完美，但我不知道如何将他包含到插件中，因为类似这样的东西不起作用：

<label>[text* your-name] </label>
<label>[email* your-email]</label>
<label>Telephone[number number-189 min:500000000 max:900000000 id:numertel class:numertel1]</label>
<label>[text* your-subject] </label>
<label>[textarea* your-message] </label>
[submit id:przycisk "Send"]
<script>
document.getElementById("przycisk").disabled = true;
document.getElementById("numertel").addEventListener("keyup", function() {
  var numerlength = this.value.length;
  if (numerlength == 10 || numerlength == 9)
    document.getElementById("przycisk").disabled = false;
  else
    document.getElementById("przycisk").disabled = true;
});
</script>

[文本*您的姓名]
[电子邮件*您的电子邮件]
电话[号码-189最小：500000000最大：90000000 id:numertel类别：numertel1]
[文本*您的主题]
[文本区域*您的信息]
[提交id:przycisk“发送”]
document.getElementById（“przycisk”）.disabled=true；
document.getElementById（“numeter”）.addEventListener（“keyup”，function（））{
var numerlength=this.value.length；
如果（numerlength==10 | | numerlength==9）
document.getElementById（“przycisk”）.disabled=false；
其他的
document.getElementById（“przycisk”）.disabled=true；
});

您可以为给定的JS代码创建额外的短代码，并将其插入到contact form 7标记之后（不是在中，而是在之后）

看起来是这样的

[contact-form-7 id=“122”title=“联系我们”] [自定义_js_for_cf7]

这是用于此的短代码，您可以将其添加到functions.php中：

add_shortcode('custom_js_for_cf7','custom_js_for_cf7');
function custom_js_for_cf7($args){
return '
<script>
document.getElementById("przycisk").disabled = true;
document.getElementById("numertel").addEventListener("keyup", function() {
  var numerlength = this.value.length;
  if (numerlength == 10 || numerlength == 9)
    document.getElementById("przycisk").disabled = false;
  else
    document.getElementById("przycisk").disabled = true;
});
</script>
';
}

add_shortcode（'custom_js_for_cf7'，'custom_js_for_cf7'）；
函数自定义_js_for_cf7（$args）{
返回'
document.getElementById（“przycisk”）.disabled=true；
document.getElementById（“numeter”）.addEventListener（“keyup”，function（））{
var numerlength=this.value.length；
如果（numerlength==10 | | numerlength==9）
document.getElementById（“przycisk”）.disabled=false；
其他的
document.getElementById（“przycisk”）.disabled=true；
});
';
}

毫无疑问，我会检查一下，但是如何为联系人表单7标签创建额外的短码？您说的“为联系人表单7创建额外的短码”是什么意思？为了什么？“您可以为给定的JS代码创建额外的短代码”，因此它看起来像这样[contact-form-7 id=“122”title=“contact-Us”][custom_JS_For_cf7]我已经为该额外的短代码提供了所需的代码。您只需将该代码粘贴到主题的functions.php中，就这样，附加的短代码开始工作。我想我必须在我创建的表单中的某个地方编写这个[custom_js_for_cf7]来通知添加短代码，好吧，非常感谢

add_shortcode('custom_js_for_cf7','custom_js_for_cf7');
function custom_js_for_cf7($args){
return '
<script>
document.getElementById("przycisk").disabled = true;
document.getElementById("numertel").addEventListener("keyup", function() {
  var numerlength = this.value.length;
  if (numerlength == 10 || numerlength == 9)
    document.getElementById("przycisk").disabled = false;
  else
    document.getElementById("przycisk").disabled = true;
});
</script>
';
}