提交表单时显示提醒
[英]Show alert when form submitted
问题描述
İ have a form. 
我有一张表格。 When user click submit button, i want to show alert and submit the form. 当用户点击提交按钮时，我想显示提醒并提交表单。
Here is my code sample. 这是我的代码示例。
<form action="DoMakeApplication" Method="post">
<td>
<button class="btn type7 color1" type="submit" id="makeApplication" onclick="makeApp();return false" >Başvur</button>
</td>
<input type="hidden" th:value="${jobAdvert.company.companyName}" name="companyName" ></input>
<input type="hidden" th:value="${jobAdvert.company.id}" name="companyId" ></input>
<input type="hidden" th:value="${jobAdvert.id}" name="advertId" ></input>
</form>
6 个解决方案
解决方案1
2 已采纳 2014-03-10 08:02:48
这应该做的伎俩：
<form action="DoMakeApplication" method="post" onsubmit="alert('you submitted the form');">
解决方案2
0 2014-03-10 08:00:12
You can proceed as follows: 您可以按以下步骤操作：
HTML HTML
<form action="DoMakeApplication" method="post" id="my-form">
<td>
<input class="btn type7 color1" type="submit" id="makeApplication" value="Başvur">
</td>
<input type="hidden" th:value="${jobAdvert.company.companyName}" name="companyName" ></input>
<input type="hidden" th:value="${jobAdvert.company.id}" name="companyId" ></input>
<input type="hidden" th:value="${jobAdvert.id}" name="advertId" ></input>
</form>
JavaScript JavaScript的
document.getElementById('my-form').onsubmit = function () {
alert(42);
};
解决方案3
0 2014-03-10 08:03:51
Try 尝试
$("#makeApplication").on("click", function(e){
e.preventDefault();
alert("alert here");
// use either of the following
//$(this.form).submit();
//$(this).parents('form:first').submit();
//$("form-id").submit(); // best one
});
解决方案4
0 2014-03-10 08:05:33
YOu can do it like Minko said or you can attach event directly on your button. 你可以像Minko说的那样做，或者你可以直接在你的按钮上附加活动。
In a javascript file write: 在javascript文件中写道：
$( "#buttonId" ).click(function() {
alert( "Hello, i'm an alert" );
});
THen remember to add your javascript file to your project 我们记得将你的javascript文件添加到你的项目中
解决方案5
0 2014-03-10 08:20:28
Alok is correct in case you want to give an id to your form you can do it like this: Alok是正确的，如果你想给你的表单一个id，你可以这样做：
$( "#yourFormId" ).submit(function( event ) {
event.preventDefault();
alert( "some alert message" );
});
解决方案6
0 2014-03-10 08:28:17
You can do it like this using java script. 你可以使用java脚本这样做。
<script type="text/javascript">
function myalert(){
alert("Form is submitted");
}
</script>
</head>
<body>
<div>
<form action="" method="POST">
<table>
<tr>
<td>Username</td>
<td colspan="" rowspan="" headers=""><input type="text" name="username" value="" placeholder="enter username"></td>
</tr>
<tr>
<td>Password</td>
<td colspan="" rowspan="" headers=""><input type="password" name="password" value="" placeholder="enter password"></td>
</tr>
<tr>
<td colspan="1" rowspan="" headers="" align="right"><input type="submit" name="login" value="Login" onclick="myalert()" placeholder=""></td>
<td colspan="1" rowspan="" headers="" align="right"><a href="signup.html">Click to signup</a></td>
</tr>
</table>
</form>
</div>
</body>
</html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.