如何通过 h:outputScript 包含 JavaScript 文件？

Question

我想使用 jQuery Validate 插件和 JSF 进行客户端表单验证。我发现导入资源有基本困难。

在我的 JSF 页面中，

<h:outputScript library="js" name="jquery-1.6.2.js"></h:outputScript>
<h:outputScript library="js" name="jquery.validate.js"></h:outputScript>
<h:outputScript library="js" name="jquery.maskedinput.js"></h:outputScript>
<h:outputScript library="js" name="myapp.validate.js"></h:outputScript>

当我单击 Firefox 中的脚本选项卡时，我在下拉列表中看不到任何脚本文件。有一条消息显示：

如果标签有“type”属性，它应该等于“text/javascript”或“application/javascript”。此外，脚本必须是可解析的（语法正确）。

此外，我的 jquery 效果（如鼠标悬停、隐藏、显示等）不起作用。我尝试使用常用的脚本标签

<script type="text/javascript" src="../js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>
<script type="text/javascript" src="../js/jquery.maskedinput.js"></script>
<script type="text/javascript" src="../js/myapp.validate.js"></script>

，但没有用。但它仍然无法找到我的 JS 文件。我的所有 JS 文件都放在

   Web pages
       |_ js
           |_jquery-1.6.2.js,my.validate.js,jquery.validate.js,jquery.maskedinput.js

我尝试了 将 jQuery 与 JSF 2.0 的资源结合使用 但没有成功。

请建议我解决这个问题。我不想将 JSF 内置验证与 ajax 一起使用，因为我们将代码从 JSP 移至 JSF 并且已经编写了验证。我想重用我之前编写的现有 jQuery 验证。

Answer 1

（和 ）从 /resources 文件夹加载资源。您需要将脚本放入该文件夹中。

WebContent
|-- resources
|    `-- js
|        |-- jquery-1.6.2.js
|        |-- myapp.validate.js
|        |-- jquery.validate.js
|        `-- jquery.maskedinput.js
|-- WEB-INF
:

那么以下脚本声明应该可以工作：

<h:outputScript name="js/jquery-1.6.2.js" />
<h:outputScript name="js/jquery.validate.js" />
<h:outputScript name="js/jquery.maskedinput.js" />
<h:outputScript name="js/myapp.validate.js" />

（请注意，我省略了 library 属性，因为名称“js”并不表示 真正的库）