Black Friday sale is now on! 50% off Laravel: The Modular Way. Learn more

How to submit a form with JavaScript by clicking a link

David Carr

Javascript

    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>

     

    Laravel Modules Book by David Carr

    Help support the blog so that I can continue creating new content!

    Subscribe to my newsletter

    Subscribe and get my books and product announcements.

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