jQuery submit関数がhtml5の検証を呼び出さない

Question

フォームを送信するボタンがフォームの外にあるため、<input type="submit">のない単純なHTML5フォームがあります。フォームには、required="required"プロパティが設定された入力がいくつかあります。

私はそれが添付次のコードを持って提出するフォーム外ボタン：

$('#upgrade_submit').click(function(){ 
    $('#cc-form-modal').submit(); 
    return false; 
}); 

ボタンがクリックされると、それは必要なフィールドに、通常のHTML5の検証を実行しません。私は間違って何をしていますか？提出を強制する前にフォームが有効かどうかを確認する方法はありますか？

Answer 1

私は隠された、このように入力要素を提出する追加することによって、私の目標を達成：私はその後、私の外部提出ハンドラに次のコードをアタッシェ

<input type="submit" class="submit" style="display:none;"> 

。

$('#upgrade_submit').click(function(){ 
    $('#cc-form-modal .submit').click(); 
    return false; 
}); 

これにより、HTML5の検証が実行され、デフォルトのエラーメッセージが表示され、すべて正常に動作します。