我使用Profile Builder创建了一个表单。
这里是表单的链接: Form Link
我安装了WordPress插件“ Insert Header and Footer”,并尝试仅通过警报运行jQuery脚本,并且该脚本正常工作。
但是,它没有与以下代码一起运行。该代码显示在inspect元素中,但无效。
<script>
$( "#username" ).attr("pattern", '^[0-9]{8}[A-Z]$').prop('required', true)
</script>
我想在表格字段中输入所选的号码。这是一个简单的脚本,为什么插件无法运行?
答案 0 :(得分:2)
$
对您的脚本不可用。您可以使用如下所示的简单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>