add onclick function to a submit button

前端未结

关注

 6  524

I\'m just learning javascript and php. I created a contact form and I\'d like the submit button to accomplish two things when I press it:

submit the data to m

相关标签:

6条回答

走了就别回头了

2020-11-27 05:19
```
<button type="submit" name="uname" value="uname" onclick="browserlink(ex.google.com,home.html etc)or myfunction();"> submit</button>
```
if you want to open a page on the click of a button in HTML without any scripting language then you can use above code.
0 讨论(0)
发布评论:

提交评论
- 加载中...
孤街浪徒

2020-11-27 05:21
if you need to do something before submitting data, you could use form's onsubmit.
```
<form method=post onsubmit="return doSomething()">
  <input type=text name=text1>
  <input type=submit>
</form>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
灰色年华

2020-11-27 05:25
I need to see your submit button html tag for better help. I am not familiar with php and how it handles the postback, but I guess depending on what you want to do, you have three options:
1. Getting the handling onclick button on the client-side: In this case you only need to call a javascript function.
```
function foo() {
   alert("Submit button clicked!");
   return true;
}
```
```
<input type="submit" value="submit" onclick="return foo();" />
```
1. If you want to handle the click on the server-side, you should first make sure that the form tag method attribute is set to post:
```
<form method="post">
```
2. You can use onsubmit event from form itself to bind your function to it.
```
<form name="frm1" method="post" onsubmit="return greeting()">
    <input type="text" name="fname">
    <input type="submit" value="Submit">
</form>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

野的像风

2020-11-27 05:25

I have this code:

<html>
<head>
<SCRIPT type=text/javascript>
function deshabilitarBoton() {     
    document.getElementById("boton").style.display = 'none';
    document.getElementById("envio").innerHTML ="<br><img src='img/loading.gif' width='16' height='16' border='0'>Generando...";     
    return true;
} 
</SCRIPT>
<title>untitled</title>
</head>
<body>
<form name="form" action="ok.do" method="post" >
<table>
<tr>
<td>Fecha inicio:</td>
<td><input type="TEXT" name="fecha_inicio" id="fecha_inicio"  /></td>
</tr>
</table>
<div id="boton">
   <input type="submit" name="event" value="Enviar" class="button" onclick="return deshabilitarBoton()" />
</div>
<div id="envio">
</div>
</form>
</body>
</html>

0 讨论(0)

被撕碎了的回忆

2020-11-27 05:30

html:

<form method="post" name="form1" id="form1">    
    <input id="submit" name="submit" type="submit" value="Submit" onclick="eatFood();" />
</form>

Javascript: to submit the form using javascript

function eatFood() {
document.getElementById('form1').submit();
}

to show onclick message

function eatFood() {
alert('Form has been submitted');
}

0 讨论(0)

你的背包

2020-11-27 05:30
1. Create a hidden button with id="hiddenBtn" and type="submit" that do the submit
2. Change current button to type="button"
3. set onclick of the current button call a function look like below:
  
  function foo() { // do something before submit ... // trigger click event of the hidden button $('#hinddenBtn').trigger("click"); }
0 讨论(0)
发布评论:

提交评论
- 加载中...