send button in HTML

  • Thread starter Eldert Besseling
  • Start date
E

Eldert Besseling

Hi,

I have a problem with my HTML code in combination with javascript
hereby the code:

<!-----------------------------------------------
<html>
<head>
<base target=hoofdscherm>
<link rel='stylesheet' type='text/css' href='stldata.css'>
<SCRIPT LANGUAGE='javascript'>

function check(f)
{
alert("jaja");
}

</SCRIPT>
<form method='GET' action='data00.bgi' name='f2'>
</head>
<table border='0' cellpadding='0' cellspacing='0' width=100%>
<tr>
<td> pagina <input type='text' size=10 maxlength='4' name=pagtable
value=10> van 20
<p><input type="submit" value="Verzenden" name="B3"
onclick="javascript:return check(f1)"></p>
</form>
</td>

<!-- <td width=0 height=0 colspan="2"><input type='text' size=0></td> -->

</tr>
</table>
</form>
</html>


------------------------------------------------>

When i change the value in the input box following by a carriage return the
GET action is taken but the javascript from the submit button is not
running.
When activate the: <!-- <td width=0 height=0 colspan="2"><input type='text'
size=0></td> --> line and type carriage return the javascript is running!

The javascript must always run to check the input.

Can you help me?

Regards,

Eldert
 
S

Steve Pugh

Eldert Besseling said:
I have a problem with my HTML code in combination with javascript
hereby the code:
Click to expand...
<form method='GET' action='data00.bgi' name='f2'>
</head>
Click to expand...

Um. Those lines have to be the other way round.
<table border='0' cellpadding='0' cellspacing='0' width=100%>
<tr>
<td> pagina <input type='text' size=10 maxlength='4' name=pagtable
value=10> van 20
<p><input type="submit" value="Verzenden" name="B3"
onclick="javascript:return check(f1)"></p>
</form>
Click to expand...

That said:
</td>

<!-- <td width=0 height=0 colspan="2"><input type='text' size=0></td> -->

</tr>
</table>
</form>
</html>

When i change the value in the input box following by a carriage return the
GET action is taken but the javascript from the submit button is not
running.
Click to expand...

Of course. The JavaScript is only triggered when the button is
clicked. You used onClick so that's exactly what happens.
When activate the: <!-- <td width=0 height=0 colspan="2"><input type='text'
size=0></td> --> line and type carriage return the javascript is running!
Click to expand...

For some browsers, maybe.
The javascript must always run to check the input.
Click to expand...

What if the user doesn't have JavaScript enabled?
Always check on input on the server to be sure. Then add an extra
check very JavaScript on the client side to save time (any with JS
enabled will get the error message straight away rather than waiting
for a round trip to the server) and bandwidth.

To trigger a JavaScript when the form is submitted use the onSubmit
handler on the form tag, not the onClick handler on a button.

Steve
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Script to send email not working 1
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Function call from button to automatic 7
Getting extra blank rows from appending HTML..? 2
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Struggling with html table and verification 0
I am using 2 loops, 1 for input and 1 for td. Can we achieve the same functionality with 1 loop in Jquery? 4

Members online

Total: 543 (members: 1, guests: 542)
Robots: 106

Forum statistics

Threads
474,091
Messages
2,570,605
Members
47,225
Latest member
DarrinWhit

Latest Threads

Top