用于验证表单的jQuery Javascript

这将生成此消息以验证电子邮件字段，并显示自定义确认消息，而不是Google表单的默认消息

我想复制教程，但我没有得到相同的结果

在注册表单页面上，我右键单击并点击“查看源代码”。我复制了源代码并粘贴到wordpress站点的空index.php中，但没有得到相同的结果。如果该字段未填写，则电子邮件字段应变为红色，但我的注册表单不会生成红色字段

如果我从“查看源代码”中复制相同的代码，我怎么会得到不同的结果？知道我做错了什么吗？是否有更多代码未显示在“查看源代码”代码中

编辑

$（文档）.ready（函数（）{
$（“#emailSubscription”）。验证({
忽略：“.ignore”，
规则：{
电邮：{
要求：正确，
电子邮件：真的
}
},
信息：{
电子邮件：“请输入有效的电子邮件地址”
},
submitHandler:函数（表单）{
$（“#emailSubscription”）.toggle（）；
表单提交（）；
$（'.hidden message'）.show（）；
}
});
var=false；
});
html，
身体{
颜色：#3d5e60；
字体系列：“先锋派”，先锋派，“世纪哥特式”，世纪哥特式，“AppleGothic”，无衬线；
}
.我的谷歌表格{
最大宽度：500px；
宽度：80%；
保证金：0自动；
填充：50px；
文本对齐：居中；
边框：1px实心#333；
框大小：边框框；
背景#61787a；
/*旧浏览器*/
背景：-moz线性梯度（顶部，#EF0%，#BABABA 100%）；
/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#efef）、颜色停止（100%，#BABABA））；
/*铬，Safari4+*/
背景：-webkit线性梯度（顶部，#EF0%，#BABABA 100%）；
/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#EF0%，#BABABA 100%）；
/*歌剧院11.10+*/
背景：-ms线性梯度（顶部，#EF0%，#BABABA 100%）；
/*IE10+*/
背景：线性梯度（至底部，#EF0%，#BABABA 100%）；
/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#EFEFEF'，endColorstr='#BABABA'，GradientType=0）；
/*IE6-9*/
}
输入{
颜色：#666；
字号：1.5em；
}
.输入包装器{
显示：块；
宽度：100%；
位置：相对位置；
}
.input包装器input.ss-q-short{
位置：相对位置；
显示：块；
宽度：100%；
高度：50px；
填充：0 5px；
边框：1px实心#666；
框大小：边框框；
}
.提交按钮{
位置：相对位置；
宽度：100%；
填充：10px；
字号：1.5em；
颜色：#EFEFEF；
文本转换：大写；
背景#61787a；
/*旧浏览器*/
背景：-moz线性梯度（顶部，#61787a 0%，#3d5e60 100%）；
/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#61787a）、颜色停止（100%，#3d5e60））；
/*铬，Safari4+*/
背景：-webkit线性梯度（顶部，#61787a 0%，#3d5e60 100%）；
/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#61787a 0%，#3d5e60 100%）；
/*歌剧院11.10+*/
背景：-ms线性梯度（顶部，#61787a 0%，#3d5e60 100%）；
/*IE10+*/
背景：线性梯度（至底部，#61787a 0%，#3d5e60 100%）；
/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#61787a'，endColorstr='#3d5e60'，GradientType=0）；
/*IE6-9*/
边界：0px；
框大小：边框框；
}
.input包装器input.error{
边框：1px实心#990000；
背景:#ffcccc；
颜色：#990000；
}
.input wrapper label.error{
显示：块；
颜色：#990000；
字体：斜体；
字号：1.25em；
位置：绝对位置；
宽度：100%；
}
.input wrapper.error消息{
显示：无；
}
.隐藏信息{
位置：相对位置；
字号：1.5em；
}

订阅我们的时事通讯
谢谢请留意我们的每周时事通讯。

查看您的回复
至少有两种可能的原因导致您没有得到相同的结果

第一：HTML
使用HTML，您可以包含如下脚本（.js）：

<script src="some/local/path/to/my/script/file.js" type="text/javascript"></script>



或



还有样式表（.css）：



或



指定路径可以是URL或本地路径。
如果辅导站点使用本地路径包含脚本，则目标脚本将本地存储在其站点上

因此，当您复制粘贴源时，服务器可能会尝试获取计算机上的本地资源，但无法获取，因为它们位于教程网站上

第二：AJAX（Javascript）
在JavaScript中，您可以向服务器发出AJAX请求以动态获取一些数据。除其他外，它可能是一些Javascript脚本或一些HTML内容。
您可以通过使用html5标记来实现这一点

对于电子邮件字段：

  <input type="email" name="email" required placeholder="Enter a valid email address">

如果没有代码、错误消息或诸如此类的信息，就很难判断问题可能是什么。您可能遗漏了CSS。您可能忘记了获取必需的
CSS
和
js
files@leko超链接都很好，但是超链接可能会断开。你应该总是在你的问题中发布你的代码。你也下载了jquery.validate.js文件吗？哦，天哪，我错过了jquery.validate.js文件。谢谢你的帮助Juhana和Archangel…我现在要开始在墙上敲我的头了…嗯，这是我编辑原始帖子的第一块代码，实际上是jquery.validate.js文件或还有什么吗？不，我想没有，通过打开源代码并单击tag.bingo的“jquery.validate.js”，您可以看到jquery.validate.js内容！是的，我用过，现在可以用了！！谢谢你的帮助！！没问题，很高兴我能帮助你！
<link rel="stylesheet" type="text/css" href="some/local/path/to/my/stylesheet/file.css">

<link rel="stylesheet" type="text/css" href="//example.com/path/to/remote/stylesheet/file.css">

  <input type="email" name="email" required placeholder="Enter a valid email address">

http://www.html5rocks.com/en/tutorials/forms/constraintvalidation/