Question

I have two forms, first form contains the textbox and second form contains a button. I want to validate the textbox using the button (jquery or javascript) :

<form name="contactus" method="post">
<input name="txtFirstname" id="Firstname" type="text" class="field" Value="First name*" style="width:300px" />
</form>

<form name="frm1" action="sendemail.php" method="post">     
<input id="send" type="image" src="images/sub.png" alt="Submit" style="float:right" />
</form>

how would i be able to do this when my textbox is not on ‘frm1’

Answer 1

Here are examples of the two approaches I suggested in the comments above:

1) Using Javascript to alter the action attribute of the form depending on the button that was clicked:

<form id='the_form' action='' method='post'>
  <input type='text' name='text_input' />
  <input type='button' id='button_1' value='Button 1' />
  <input type='button' id='button_2' value='Button 2' />
</form>
<script type='text/javascript'>
  var theForm = document.getElementById('the_form');
  $('#button_1').click(function() {
    theForm.action = 'script1.php';
    theForm.submit();
  });
  $('#button_2').click(function() {
    theForm.action = 'script2.php';
    theForm.submit();
  });
</script>

2) Holding all the submit handler code in a single script (recommended):

HTML:

<form id='the_form' action='script.php' method='post'>
  <input type='text' name='text_input' />
  <input type='submit' name='submit_1' value='Submit' />
  <input type='submit' name='submit_2' value='Submit' />
</form>

PHP:

<?php

  if (isset($_POST['submit_1'])) {
    echo 'You clicked button 1';
  } else if (isset($_POST['submit_2'])) {
    echo 'You clicked button 2';
  }