Question

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

我正在尝试使用HTML进行数据验证，但我遇到了麻烦。

这段代码似乎很适合使用：http://runnable.com/UZJ24Io3XEw2AABU/how-to-validate-forms-in-jquery-for-validation

当我在网站上运行代码时，结果看起来正确并且验证有效。

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

http://imgur.com/6B4BtW0

验证不起作用。

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

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>

我的HTML文件看起来不正确

1 个答案: