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でこの動作例を確認してください。