David Carr

How to submit a form with JavaScript by clicking a link

When working with forms, to submit them input type=’submit’ or button type=’submit’ are used but in cases when it’s better suited to submit the form with a regular ahref link, this technique can be used.

Give the form an id then add a onClick event to the link calling native Javascript’s document.getElementById followed by the id then submit to activate.

Very simple and useful.

<form id="search" method="post">
     <input type="text" name="search" placeholder="Search...">
     <a href="#" onclick="document.getElementById('search').submit();"><i class="fa fa-search"></i></a>


Domains are often purchased from multiple providers, keeping track of where a domain is and its DNS settings can be tricky. Domain Mapper solves this by listing all your domains in one place. View your DNS settings and receive reminders to renew your domains. Try it today.

Support my work by donating with PayPal.

Subscribe to my newsletter

Subscribe and get my books and product announcements.

© 2009 - 2021 DC Blog. All code MIT license. All rights reserved.