Question

所以我想使用＆＃34; onfocus＆＃34;从我的html访问我的.js文件中的函数。属性，但它不起作用。我讨厌在HTML中编写JS，这使得它变得混乱，以后更难以阅读/调试。

所以这是来自＆＃34; JMLessons.html＆＃34;：

的html代码

*<input type="text" required="required" id="pFirstName" name="pFirstName1" placeholder="Required" maxlength=35 minlength=1 onfocusout="pFN1()"></input>

所以我试图调用＆＃34; pFN1（）＆＃34;在＆＃34; JMLessons / JMLessons.js＆＃34;

我在HTML Head部分有这段代码：

<script type="text/javascript" src="JMLessons/JMLessons.js"></script>

当我将函数复制并粘贴到正确的＆＃34;＆＃34;之间的html中时打开和关闭标签并在它运行的浏览器中运行它，但是一旦我从浏览器中删除它并尝试从JS文件中提取它，它就会破坏它。我甚至将函数复制并粘贴到JS中，因为我认为我可能写错了。那么有没有办法在＆＃34; .html＆＃34;中使用onfocus？并在一个单独的＆＃34; .js＆＃34;中访问一个函数。文件？

这里是JS函数供参考：

function pFN1()
{
    var p1n1 = document.getElementById("pFirstName");
        if (p1n1.value.length === 0 || p1n1.value === " ")
            {
                document.getElementById("pFirstName").className="wrongReq";
                return false;
            }
        if (/\d/.test(p1n1.value))
            {
                document.getElementById("pFirstName").className="warningReq";
                return false;
            }
        else
            {
                document.getElementById("pFirstName").className="goodReq";
                return true;
            }                                                
}

它根据特殊条件更改文本字段的边框颜色，以允许用户知道他/她是否正确输入。

Answer 1

这一切都取决于你何时加载js文件。

尝试输入此代码<script type="text/javascript" src="JMLessons/JMLessons.js"></script> 在<head>标记中。如果它不起作用，请将相同的代码放在html页面的底部。

你如何获得onfocus从外部js文件读取

1 个答案: