Проблема при отправке формы с помощью onclick

Question

У меня проблема с отправкой формы, мой код выглядит следующим образом:

<form method="get" action="<?=bloginfo('template_url');?>/contact.php" id="quickContactForm" onsubmit="return sendDetails();">                  
                    <h2>Request a callback:</h2>
                    <ul style="margin:10px">
                        <li style="list-style-type:none;">
                            <label>Name:</label>
                            <input name="name" id="name" type="text" style="margin-left:12px; height:20px; margin-bottom:5px;">
                        </li>

                        <li style="list-style-type:none;">
                            <label>Email:</label>
                            <input name="email" id="email" type="text" style="margin-left:14px; height:20px; margin-bottom:5px;">
                        </li>

                        <li style="list-style-type:none;">
                            <label>Mobile:</label>
                            <input name="mobile" id="mobile" type="text" style="margin-left:8px; height:20px; margin-bottom:5px;">
                        </li>

                        <li style="list-style-type:none;">
                            <label>Note:</label>
                            <input name="interest" id="interest" type="textarea" style="margin-left:20px; height:100px">
                        </li>

                        <li style="list-style-type:none;">
                            <a href="javascript: void(0)" onclick="document['quickContactForm'].submit()" class="">
                                <img src="<?=bloginfo('template_url');?>/images/btn_send.jpg" />
                            </a>
                        </li>
                    </ul>   
                </form>

Приведенный выше код выдает мне ошибку: document.quickContactForm не определен. Я также попытался изменить тег на:

<a href="javascript: void(0)" onclick="$('#quickContactForm').submit()" class="">
    <img src="<?=bloginfo('template_url');?>/images/btn_send.jpg" />
</a>

но это также дает мне ошибку: $ не определено

Что я делаю не так?

С уважением, Стивен

Answer 1

$ используется библиотеками, такими как jQuery, но не является частью JavaScript.Включаете ли вы тег для файла jQuery?

Answer 2

Вы не можете получить идентификатор, если не указали его в объекте форм: document.forms.quickContactForm. (Или если вы используете document.getElementById('quickContactForm'))

Answer 3

Проблема решена, я нашел свой ответ здесь:

Отправьте форму в диалоговое окно, нажав ссылку

Answer 4

Попробуйте использовать document.getElementById("quickContactForm").submit();