Question

我正在尝试创建一个列表并提交按钮，然后用户输入列表大小，然后在单击按钮后提交表单（列表大小发送到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>

Answer 1

你可以试试这个：

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

另请阅读此文档DOCS

Answer 2

首先确保在使用JQuery之前包含/引用JQuery Libray。它应该工作。
其次，您可以使用此

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

我还注意到你使用了输入类型提交它将提交表单而不是调用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>

为此，您不需要在提交按钮上添加点击监听器。提交表格后，它会显示警报。

单击功能不起作用按钮

2 个答案: