Плагин WordPress Insert Header and Footers не запускает скрипт

Question

Я создал форму с помощью Profile Builder.

Вот ссылка на форму: Ссылка на форму

Я установил плагин WordPress «Вставить верхний и нижний колонтитулы» и попробовал для запуска сценария jQuery только с предупреждением, и он работал.

Но он не работает с приведенным ниже кодом. Код отображается в элементе проверки, но не действует.

    <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>