WordPress插件插入页眉和页脚未运行脚本

Question

我使用Profile Builder创建了一个表单。

这里是表单的链接： Form Link

我安装了WordPress插件“ Insert Header and Footer”，并尝试仅通过警报运行jQuery脚本，并且该脚本正常工作。

但是，它没有与以下代码一起运行。该代码显示在inspect元素中，但无效。

    <script>
$( "#username" ).attr("pattern", '^[0-9]{8}[A-Z]$').prop('required', true)
    </script>

我想在表格字段中输入所选的号码。这是一个简单的脚本，为什么插件无法运行？

Answer 1

$对您的脚本不可用。您可以使用如下所示的简单javascript选项：

<script>
  // create a ref to your dom element
  var username = document.querySelector("#username")
  
  // set pattern attribute
  username.setAttribute("pattern", '^[0-9]{8}[A-Z]$');

  // set as required
  username.required = true;
</script>

我尝试过控制台，并且此版本有效：

或者，您可以将$换成jQuery，如下所示：

<script>
  jQuery( "#username" ).attr("pattern", '^[0-9]{8}[A-Z]$').prop('required', true);
</script>