jQuery验证插件：如果不需要的字段中有错误，则阻止提交答案

【问题标题】：jQuery validation plugin : prevent submit if there's an error in a field that's not requiredjQuery验证插件：如果不需要的字段中有错误，则阻止提交
【发布时间】：2011-12-23 10:02:11
【问题描述】：

在我的表单中，我有多个用于电子邮件地址的文本输入。

只有第一个是必需的。

我的问题是当用户在不需要的字段中输入了无效的电子邮件地址时提交了表单。

如果不需要的字段出现错误，我需要阻止表单提交。

我该怎么做？我应该添加自定义规则吗？

这是我的表单中的内容。

<fieldset>
    <label for="To"><span>To</span> <input id="To" name="To" type="email" autocomplete="off" maxlength="30" class="required"></label>
    <label for="Cc1"><span>Cc</span> <input id="Cc1" name="CC[]" type="email" autocomplete="off" maxlength="30" ></label>
    <label for="Cc2"><span>Cc</span> <input id="Cc2" name="CC[]" type="email" autocomplete="off" maxlength="30" ></label>
</fieldset>

以及 jQuery 插件的初始化

$.metadata.setType("attr", "validate");

$().ready(function() {
    // validate signup form on keyup and submit
    $("#myform").validate();
});

【问题讨论】：

所以您不在乎电子邮件字段是否为空 - 只要它确实包含电子邮件似乎有效的电子邮件？

标签： jquery forms validation jquery-plugins

【解决方案1】：

将email 验证规则添加到您的电子邮件字段。它不是必需的，但如果有值，将检查有效的电子邮件地址。

<input id="Cc1" name="CC[]" type="email" class="email" autocomplete="off" maxlength="30" >

在jsfiddle 上查看这个工作示例。

【讨论】：