call jquery function with parameters

Question

I have a btn

<a href="#" id="submitBtn" class="btnGray">Upload Docs</a>

and a jquery code to submit the form.

$("#docSaveBtn").click(function(){
  $("#docForm").submit();                           
});

I have multiple forms on the same page and I want to send the form id to submit which will submit the desired form when click of button with class 'btnGray'.

Your help is highly appreciated.

Answer 1

$(".btnGray").click(function(){ $("#docForm").submit();});

Answer 2

Proximity-based Submission...

A much cleaner solution would be proximity-based, where a link submits it's closest form:

$(".submitBtn").click(function(e){
  e.preventDefault();
  $(this).closest(".linkFormBlock").find("form").submit();
});

--

<div class="linkFormBlock">
  <a href="submitBtn">Upload Docs</a>
  <form>
    <input type="text" name="specialValues" />
  </form>
</div>

RELationships?

Another solution could be to use the rel attribute of the link to signify it's corresponding form:

$(".submitBtn").click(function(e){
  e.preventDefault();
  var id = $(this).attr("rel");
  $("#"+id).submit();
});

--

<a rel="myForm" class="submitBtn">Upload Docs</a>
<form id="myForm">
  <input type="text" name="specialValues" />
</form>

Answer 3

If you want to use the submit() method, you could just include any relevant parameters in your action attribute of your form tag. e.g:

<form action="/formProcessor.aspx?id=1234">
....
    <a href="#" id="submitBtn" class="btnGray">Upload Docs</a>
....
</form>

Using the jQuery you supplied in your question, this will automatically submit your form using the action designated in your form tag.