jQuery 验证插件，验证电子邮件地址不起作用

Question

由于 Dreamweaver 已放弃 Spry，我正在寻找一个简单的替代方案，并正在试用 validate jQuery 插件。我遇到的问题是电子邮件验证根本不起作用。

我已将包含文件添加到头部:

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>

这是字段中的代码:

<div class="pure-control-group">
  <label for="First_Name">First Name:</label>
  <input type="text" name="First_Name" id="First_Name" required />
</div>
<div class="pure-control-group">
  <label for="Last_Name">Last Name:</label>
  <input type="text" name="Last_Name" id="Last_Name" required />
</div>
<div class="pure-control-group">
  <label for="Email_Address">Email:</label>
  <input type="text" name="Email_Address" id="Email_Address" />
</div>

这是验证码:

$("#form1").validate({
rules: {
  Email_Address: {
  required: true,
  email: true
  }
    }
});

非常简单。前两个字段验证正确，但电子邮件字段无效。

Answer 1

您能确保您的起始表单标签上附有 ID 吗？

即:表单 id="form1"？

啊刚刚注意到你说其他人确实验证了。