提交表单时显示警报答案

【问题标题】：Show alert when form submitted提交表单时显示警报
【发布时间】：2014-04-13 05:43:42
【问题描述】：

我有一个表格。当用户单击提交按钮时，我想显示警报并提交表单。

这是我的代码示例。

<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>

【问题讨论】：

标签： java javascript html forms

【解决方案1】：

Alok 是正确的，如果您想为表单提供 id，您可以这样做：

$( "#yourFormId" ).submit(function( event ) {
  event.preventDefault();
  alert( "some alert message" );
});

【讨论】：

【解决方案2】：

您可以使用 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>

【讨论】：

【解决方案3】：

你可以像 Minko 说的那样做，或者你可以直接在你的按钮上附加事件。

在 javascript 文件中写入：

$( "#buttonId" ).click(function() {
  alert( "Hello, i'm an alert" );
});

然后记得将你的 javascript 文件添加到你的项目中

【讨论】：

【解决方案4】：

试试

$("#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
});

【讨论】：

你能解释一下你的答案吗？

【解决方案5】：

这应该可以解决问题：

<form action="DoMakeApplication" method="post" onsubmit="alert('you submitted the form');">

【讨论】：

【解决方案6】：

您可以按照以下方式进行：

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

document.getElementById('my-form').onsubmit = function () {
    alert(42);
};

DEMO

【讨论】：