Javascript

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>
</form>

 

David Carr

David Carr

For the past 12 years, I’ve been developing applications for the web using mostly PHP. I do this for a living and love what I do as every day there is something new and exciting to learn.

In my spare time, the web development community is a big part of my life. Whether managing online programming groups and blogs or attending a conference, I find keeping involved helps me stay up to date. This is also my chance to give back to the community that helped me get started, a place I am proud to be apart of.

Besides programming I love spending time with friends and family and can often be found together going out catching the latest movie, staying in playing games on the sofa or planning a trip to someplace I’ve never been before.