Проверка Jquery по событию клика вместо подтверждения

Question

Я огляделся вокруг SOF, но мне не повезло найти ответ. Это либо слишком просто, либо ответ не просто там.

Мне просто нужно проверить форму при нажатии на <img id='submit'/> и отправить ее позже.

$(document).ready(function(){

   $('#submit').click(function() {
     $('#suzuki_scb').submit();
   }); 

   $('#suzuki_scb').validate({
         submitHandler: function(form) {
             form.submit();
         }
    });
});

Даже это не работает и возвращает form.submit () не является функцией.

Answer 1

Я думаю, это то, что вы пытаетесь выполнить

<script type="text/javascript>
   $(document).ready( function(){
       $('#suzuki_scb').validate({
         // validation arguments go here
       });
   });
</script>
   ...
<form id="suzuki_scb">

    <!-- Your form goes here -->

    <button id="submit">
        <img src="[image url goes here]" />
    </button>
</form>

Из примера jQuery , который они имеют на сайте , все, что вам нужносделать это позвонить $("#suzuki_scb").validate();.Плагин должен позаботиться об отмене действия отправки для вас.Поэтому нажатие кнопки «Отправить» с неверными данными фактически не отправит форму.

Использование элемента HTML Button с изображением внутри немного более семантически правильно, чем использование изображения сJavaScript-событие клика, которое пытается отправить форму

Answer 2

На этой странице в jQuery docs содержится искомая информация. Вот фрагмент из первого абзаца:

Этот метод устанавливает обработчики событий для отправить, сосредоточить внимание, размытие и размытие запустить проверку всего Форма или отдельные элементы.

Надеюсь, это поможет.