Question

我有一张表格。当用户点击提交按钮时，我想显示提醒并提交表单。

这是我的代码示例。

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

Answer 1

这应该可以解决问题：

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

Answer 2

您可以按以下步骤操作：

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

Answer 3

尝试

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

Answer 4

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

在javascript文件中写：

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

我们记得将你的javascript文件添加到你的项目中

Answer 5

Alok是正确的，如果你想给你的表单一个id，你可以这样做：

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

Answer 6

你可以使用javascript这样做。

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

提交表单时显示提醒

6 个答案: