Javascript 单击功能在按钮上不起作用_Javascript_Jquery_Jsp

Javascript 单击功能在按钮上不起作用

javascript jquery jsp

Javascript 单击功能在按钮上不起作用,javascript,jquery,jsp,Javascript,Jquery,Jsp,我正在尝试创建一个列表并提交按钮，用户输入列表大小，然后单击按钮后，表单被提交（列表大小被发送到servlet），并且应该会出现一个警报。。但是警报不起作用。。这是我的密码 <body> <form action="ServerSide" method="post"> Enter list Size:<input type="text" name="listsize"> <input type="submit" value="Subm

我正在尝试创建一个列表并提交按钮，用户输入列表大小，然后单击按钮后，表单被提交（列表大小被发送到servlet），并且应该会出现一个警报。。但是警报不起作用。。这是我的密码

<body>

<form action="ServerSide" method="post">
    Enter list Size:<input type="text" name="listsize"> 
    <input type="submit" value="Submit" id="btn">
</form>

<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function(){
        alert("anything");
    });
});

</script>

</body>


输入列表大小：
$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
警惕（“任何事”）；
});
});

您可以尝试以下方法：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("form").submit(function(){
        alert("Submitted");
    });
});
</script>
</head>
<body>

<form action="">
  First name: <input type="text" name="FirstName" value="Mickey"><br>
  Last name: <input type="text" name="LastName" value="Mouse"><br>
  <input type="submit" value="Submit">
</form> 
</body>
</html>


$（文档）.ready（函数（）{
$（“表格”）。提交（函数（）{
警报（“已提交”）；
});
});
名字：

姓氏：

也请阅读本文档

在使用JQuery之前，首先确保您包括/引用了JQuery库。它应该会起作用。
其次，您可以使用此

<body>

<form action="ServerSide" method="post" id="myform">
    Enter list Size:<input type="text" name="listsize"> 
    <input type="button" value="Submit" id="btn">
</form>

<script type="text/javascript">
$(document).ready(function(){
    $("#btn").on('click',(function(){
        alert("anything");
    }));
});

    </script>

</body>


输入列表大小：
$（文档）.ready（函数（）{
$（“#btn”）。在（'单击'，（函数（）{
警惕（“任何事”）；
}));
});

我还注意到您使用了输入类型submit，它将提交表单，而不是调用click函数。您应该将类型更改为按钮

如果你想在表单提交上做些什么，你必须使用onsubmit事件

<body>

    <form action="ServerSide" method="post" id="myform">
        Enter list Size:<input type="text" name="listsize"> 
        <input type="submit" value="Submit">
    </form>

    <script type="text/javascript">
    $(document).ready(function(){
        $("#myform").submit(function(){
            alert("anything");
        });
    });

        </script>

    </body>


输入列表大小：
$（文档）.ready（函数（）{
$（“#myform”）.submit（函数（）{
警惕（“任何事”）；
});
});

为此，您不需要在submit按钮上添加click listener。提交表单后，它将显示警告。

使用浏览器中的开发人员工具。看看控制台。它说什么？你期望它做什么？这个函数看起来应该可以工作。尝试将

警报更改为console.log（“任何”）。可能您的浏览器正在抑制警报，因为这是一个恼人的JavaScript工件。@RajaprabhuAravindasamy提交表单后，警报应显示在提交按钮上，将发生回发，页面将刷新。如果你想按照你的要求去做，你必须使用ajax。如果你否决了任何答案，请善意地说出原因。点击一个按钮非常容易。这是一个帮助平台，确保你帮助了某个人。