Javascript 调用表单操作方法，然后禁用JSP中的按钮_Javascript_Java_Jquery_Jsp_Servlets

Javascript 调用表单操作方法，然后禁用JSP中的按钮

javascript java jquery jsp servlets

Javascript 调用表单操作方法，然后禁用JSP中的按钮,javascript,java,jquery,jsp,servlets,Javascript,Java,Jquery,Jsp,Servlets,我有一个JSP页面，在这里我创建了一个表单和一个按钮。一旦用户单击submit按钮，表单操作将调用servlet doPost方法并执行业务逻辑。现在我需要禁用submit按钮，以防止用户在我的业务执行完成之前单击该按钮两次。我的JSP页面如下所示 <body> <form method="post" action="SubmitJob" id="myForm"> <table>

我有一个JSP页面，在这里我创建了一个表单和一个按钮。一旦用户单击submit按钮，表单操作将调用servlet doPost方法并执行业务逻辑。现在我需要禁用submit按钮，以防止用户在我的业务执行完成之前单击该按钮两次。我的JSP页面如下所示

<body>

        <form method="post" action="SubmitJob" id="myForm">
        <table>


                        <td><p>Please use the below button to run the job immediately</p> <br>
                            <div id="runNow">
                            <input type="submit" name="runNow" value="runNow" id="submitBtn">

                            <% out.println(request.getAttribute("status")); %>
                            </div>
                        </td>
                        </tr>
        </table>
    </form>

    </body>


请使用下面的按钮立即运行作业

为了禁用submit按钮，我使用了jquery并尝试如下

<script>
$(document).ready(function(){
    $('#submitBtn').click(function(){
        // $('form#myForm').submit();
        alert('after form submit');
                                        $('#submitBtn').prop("disabled",true); 
                                         alert('after button disabled');
    });
});
</script>


$（文档）.ready（函数（）{
$（'#submitBtn'）。单击（函数（）{
//$（'form#myForm'）。提交（）；
警报（“表格提交后”）；
$（'#submitBtn'）.prop（“disabled”，true）；
警报（“按钮禁用后”）；
});
});

我面临的问题是，若按钮被禁用，表单操作将不会被调用。有人可以建议我，1）如何先调用表单操作，然后禁用按钮。2）如何在我的servlet中的业务逻辑完成后再次启用submit按钮。3）如何从我的java方法调用servlet doPost方法

2）在服务器调用的成功函数中输入以下代码：

$('#submitBtn').prop("disabled",true);

3）您可以使用以下代码：

$.ajax({
            type: "POST",
            url: "",
            contentType: "application/json; charset=utf-8",
            success: function (response) {   
        }
    });

在onclick函数中，您错过了关键步骤：

$("#myForm").submit();

前提是表单标签的action属性应该定义url。样本如下：

<form action="your url...." method="post" id="myForm">
</form>

已经确保按钮不能被点击两次

我的坏消息是POST:）如果你想使用

jquery

你不需要按钮作为提交按钮，一个普通的按钮就可以了。嗨，我正在使用html表单POST方法提交表单。要禁用该按钮，我使用Jquery

$('#submitBtn').prop("disabled",true);