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

时间:2013-06-30 23:40:10

标签: jquery

由于Dreamweaver已经删除了Spry,我正在寻找一个简单的替代方案,并且正在尝试验证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
  }
    }
});

非常简单。前两个字段正确验证,但不是电子邮件字段。

1 个答案:

答案 0 :(得分:1)

您可以确保您的开头表格标签上附有ID吗?

ie:form id =“form1”?

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