如何使onfocus从外部js文件读取

Question

因此，我想使用“ onfocus”属性从我的html访问.js文件中的函数，但是它不起作用。 我讨厌不得不在HTML中编写JS，这使它变得混乱，以后很难读取/调试。

因此，这是“ JMLessons.html”中的html代码：

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

所以我要调用的函数“ pFN1（）”在“ JMLessons / JMLessons.js”中

我在HTML Head部分中有以下代码：

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

当我将函数复制并粘贴到适当的“”开始和结束标记之间的html中并在浏览器中运行它时，它可以工作，但是当我从浏览器中删除并尝试从JS文件中将其删除时，它就会打破它。 我什至甚至将功能复制并粘贴到JS中，因为我认为我可能写错了。 那么，有没有办法在“ .html”中使用onfocus并在单独的“ .js”文件中访问函数？

这是供参考的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 个解决方案

解决方案1
0 2014-10-19 07:40:10

如何使onfocus从外部js文件读取

问题描述

1 个解决方案

解决方案1 0 2014-10-19 07:40:10

解决方案1
0 2014-10-19 07:40:10