jQuery验证插件：如果在不需要的字段中出现错误，则阻止提交

Question

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

只需要第一个。

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

如果字段中存在错误，我需要阻止表单提交。

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

这就是我的形式。

<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();
});

Answer 1

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

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

在jsfiddle上查看此工作示例。