Проверка JQuery при событии click вместо on submit

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 validationexample they have on the site, все, что вам нужно сделать, это вызов $("#suzuki_scb").validate();. Плагин должен позаботиться об отмене действия отправки для вас. Поэтому нажатие кнопки отправки с недопустимыми данными фактически не будет отправлять форму.

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

Answer 2

This page, на jQuery docs, есть информация, которую вы ищете. Вот отрывок из первого абзаца:

Этот метод устанавливает обработчики событий для Submit, фокус, KeyUp, размытие и щелкните для запуска проверки всей формы или отдельных элементов.

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