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

我使用配置文件生成器创建了一个表单

以下是表格的链接：

我安装了WordPress插件“插入页眉和页脚”，并尝试在发出警报的情况下运行jQuery脚本，该插件正常工作

但是，它没有使用下面的代码运行。代码显示在inspect元素中，但不起作用

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

$（“#username”）.attr（“模式”，“^[0-9]{8}[A-Z]$”）.prop（'required'，true）

---

我想在表单字段中选择所选号码。这是一个简单的脚本，为什么插件没有运行它？

$

对您的脚本不可用。您可以使用普通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>

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

---

$

对脚本不可用。您可以使用普通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>

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

---

请尝试纯js版本。我只是在控制台中运行它，它工作了。您还有几个控制台错误可能存在冲突。如何通过控制台检查哪个版本的JavaScript在该元素上工作？请尝试纯js版本。我只是在控制台中运行它，它工作了。您还有几个控制台错误，可能存在冲突。如何通过控制台检查哪个版本的JavaScript在该元素上工作？