How to pass the form to a javascript function?

[ballhogjoni]

I want to send the form object to a function when a link is clicked. How would I do that?

 

code:

<form name="form1" action="">

<input>...

<a href="JavaScript:splitDate(this);>test</a>

</form>

[F1Fan]

<form name="form1" action="">
<input>...
<a href="JavaScript:splitDate(this.form);>test</a>
</form>

[ballhogjoni]

is says that form undefined

 

<form name="form1" action="">
<input>...
<a href="JavaScript:splitDate(this.form);>test</a>
</form>

 

function splitDate(form) {
  var checkin_dates = form.checkin.value.split("/");
}

[KevinM1]

Try:

<script type="text/javascript">
   window.onload = function()
   {
      var form1 = document.forms["form1"];
      var splitLink = document.getElementById("splitLink");

      splitLink.onclick = function()
      {
         splitDate(form1);
      }

      function splitDate(form)
      {
         var checkin_dates = form.checkin.value.split("/");
      }
   }
</script>

.
.
.

<form name="form 1" action="">
<input>...
<a href="#" id="splitLink">test</a>
</form>

 

One thing I noticed, as well, is that you're not doing anything with your checkin_dates variable.  You assign something to it, but that value is gone once the function is out of scope.  You should declare that variable in the global space (where I declared my two variables) if you actually want to retain checkin_dates.

[F1Fan]

Maybe this:

<form name="form1" action="" id="form1">
<input>...
<a href="JavaScript:splitDate('form1');">test</a>
</form>

function splitDate(form) {
  var checkin_dates = document.getElementById(form).checkin.value.split("/");
}