我的 HTML 文件看起来不正确

Question

我是一个非常新的开发人员，所以我提前道歉，如果这个问题看起来很愚蠢，或者如果答案是显而易见的。

我正试图使一个网站从HTML与数据验证，但我有麻烦。

下面的代码看起来很适合使用:http://runnable.com/UZJ24Io3XEw2AABU/how-to-validate-forms-in-jquery-for-validation

当我在网站上运行代码时，结果看起来是正确的，验证工作。

但是当我将代码放入HTML文件并打开它时，我的结果是:

https://i.stack.imgur.com/jrQH9.jpg

验证不起作用

抱歉，如果这是一个愚蠢的问题，但我不知道为什么会这样。谢谢你的帮助。

Answer 1

你正在看的代码有很多外部资源;CSS和javascript。你必须确保你正确地链接和加载了所有这些资源。

我注意到有一个本地样式表:

<link href="runnable.css" rel="stylesheet" />

那看起来就是你在你的风格中所缺少的。您可以保存该代码并将。css文件放在与html文件相同的目录中，或者您可以将该代码添加到head标签中:

<style>
.label {
width:100px;
text-align:right;
float:left;
padding-right:10px;
font-weight:bold;
}
#register-form label.error {
color:#FB3A3A;
font-weight:bold;
}
h1 {
font-family: Helvetica;
font-weight: 100;
color:#333;
padding-bottom:20px;
}
</style>