How can I change the form action depending on javascript being enabled?

Question

I have a form that I want to default to calling a javascript ajax function to get the output. If the user doesn't have javascript enabled, I need to be able to recognize that and change the form action to a php page. Any idea on how to do this?

<form class="form-inline" role="form" action="javascript:search();">
  <div class="form-group">
    <label class="sr-only" for="search">Search</label>
    <input type="text" class="form-control" id="search" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">Search</button>
</form>

search() will get the form input and get the output through ajax without reloading the page. If javascript is not enabled, I will need to change the action to just search.php.

Tushar Gupta - curioustushar · Accepted Answer · 2014-04-16 01:33:10Z

3

By default set action to search.php

if client JavaScript is enabled below code will change action

$(function () {
    $('.form-inline').prop('action', 'javascript:search();');
});

answered Apr 16, 2014 at 1:33

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I change the form action depending on javascript being enabled?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related