javascript riddle: why won't my form submit from this text link?

sde · 08-31-2004, 11:38 AM

today i ran into a problem. i've figured it out, but i wanted to post it in case anyone else didn't know or wanted to have a little fun.

so here is the question: why won't this form submit with the text link below.

mypage.html

PHP Code:

  <html>

<head>

  <script language=javascript>

  function submitForm(){

    document.myform.submit();

  }

  </script>

</head>

<body>

<form name=myform method=post action=mypage.html>

<input type=text name=field1> <input type=submit name=submit>

</form>

 
<a href="javascript:submitForm()">submit this form</a>

</body>

</html>

i'm sure someone will get it, but if not, i'll post the answer later.

idx · 08-31-2004, 08:07 PM

is the space between java and script a typo?

(does it also require a trailing ; ? )
-r

sde · 08-31-2004, 08:52 PM

lol yeah, that is a typo sorry, .. the problem is that you can not name a button 'submit' if you are using document.myform.submit()

it thinks submit it the button when you type document.myform.submit .. and then it says you don't have a submit function.

Rotkiv · 08-31-2004, 10:01 PM

once i was making a site and i had a really cool JS dropdown menu that i downloaded from a free Javascript site. I'd played around with it enough that i knew how to customize it, so i decided to put into one of my pages. Major problems, what the heck was causing it i knew not. looking through the js code i found that they were using a function or something called 'navigate' which is what i usually call my tables.

just one of my web experiences.

sde · 09-01-2004, 05:36 AM

yeah, i named one of my fields 'goto' yesterday as well .. apparently that is a key word too. i could not dynamically set the value of document.myform.goto.value. heh, javascript gotchas

sammy · 09-22-2004, 06:17 AM

I ran into another problem doing the same thing a while back. I was submitting a form with a link, and i had to specify the method="post" in the in-line javascript. I posted a thread on this forum about it.

Code:

<a href="#" onclick="javascript:myform.method='POST';java script:myform.submit()">CLICK HERE</a>

dirs · 09-29-2004, 06:56 AM

Instead of
<script language=javascript>
u should have
<script language="JavaScript" type="text/JavaScript">