javascript - RegExp 与 .html 扩展名完美配合，但不适用于 .php 扩展名

Question

我用 JavaScript 编写了一个脚本，当我尝试在扩展名为 .html 的页面上运行它时，它运行得很好。但是当我尝试在带有 .php 的页面上运行它时，出现以下错误:

Uncaught TypeError: Cannot read property 'match' of undefinedat HTMLButtonElement.CheckStrength

This is my code:

var x = document.getElementById("password");
var button = document.getElementById("submit");
var check = /[0-9]+$/;

function CheckStrength(){
    if(x.value.length > 7 && x.value.match(check) != null)
        {
            alert("Your password is strong.");
        }
    else if (x.value.length > 3 && x.value.length <= 7)
        {
            alert("Your password strength is medium.");
        }
    else
        {
            alert("Your passwword s**k.");
        }
}

Answer 1

您的代码在 .php 扩展名中完美运行，只有当目标元素不存在或在元素之前插入 javascript 时，我才能重现该错误。检查这些；

• 检查是否有拼写错误
• 将脚本标记放在 body 元素的结束标记之前(以确保脚本执行时目标元素可用)
• 将 javascript 变量定义包装在 a window.onload function 中