Функция jQuery submit не вызывает проверку html5

Question

У меня есть простая форма HTML5, которая не имеет <input type="submit">, потому что кнопка для отправки формы находится вне самой формы. В форме есть несколько входов, которые имеют набор свойств 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, сообщения об ошибках по умолчанию, которые будут отображаться, и все работает хорошо!