submitting by js and onsubmit handlers.

travisbrown · Feb 20, 2006

If you use js to submit a form, can you still capture onsubmit events? If I submit using an input button, the form validates; if I user js, it ignores the validation function and submits the form anyways.

Code:

<form name="datepicker" ... onsubmit="MM_validateForm('txtStartDate','','R','txtEndDate','','R');return document.MM_returnValue;">

<a href="javascript:document.datepicker.submit();" id="add" class="buttons"><span>add</span></a>

</form>

kaht · Feb 20, 2006

If you use js to submit a form, can you still capture onsubmit events?

Nope, here's a small test to try out for yourself:

Code:

<html>
<head>
<script type="text/javascript">

function validate() {
   alert("blah");
   return false;
}

</script>
</head>
<body>
<form id="blahForm" onsubmit="return validate()">
   <a href="javascript:document.getElementById('blahForm').submit()">submit me</a><br />
   <input type="submit" value="submit me" />
</form>
</body>
</html>

You will have to call the validation routine manually before you submit the form via javascript.

-kaht

[small] <.[/small]
[banghead]

[small](He's back)[/small]

travisbrown · Feb 20, 2006

This the best way to do it?

Code:

<html>
<head>
<script type="text/javascript">

function validate() {
   alert("blah");
   return true;
}

</script>
</head>
<body>
<form method="get" name="blahForm" id="blahForm">
   <a href="javascript:validate();document.getElementById('blahForm').submit()">submit me</a><br />
</form>
</body>
</html>

kaht · Feb 20, 2006

No, that will submit no matter what the validation routine returns, you'd want something like this if you want to submit with an anchor:

Code:

<html>
<head>
<script type="text/javascript">

function validate() {
   if (the form is not valid) {
      alert("something is screwed up");
      return false;
   }
   return true;
}

</script>
</head>
<body>
<form method="get" name="blahForm" id="blahForm">
   <a href="javascript:[!]if ([/!]validate()[!]) {[/!]document.getElementById('blahForm').submit()[!]}[/!]">submit me</a><br />
</form>
</body>
</html>

-kaht

[small] <.[/small]
[banghead]

[small](He's back)[/small]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

submitting by js and onsubmit handlers.

travisbrown

Technical User

kaht

Programmer

travisbrown

Technical User

kaht

Programmer

Similar threads

Part and Inventory Search

Sponsor