点击功能不工作按钮

-1

我想做一个列表和提交按钮，用户输入列表大小，然后单击按钮后提交表单（列表大小发送到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>

来源

2016-03-05 dina saber

在浏览器中使用开发工具。看看控制台。它说什么？ – Quentin

你期望做什么？ –

这个函数看起来应该起作用。尝试将'alert'改为'console.log（“anything”）;'。也许你的浏览器正在压制警报，因为这是一个恼人的JavaScript工件。 – magreenberg

-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

来源

2016-03-05 09:45:06

-1

首先，确保在使用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>

我也注意到你用了输入型提交将提交的，而不是调用点击函数形式。如果你想要做的表单提交，你必须使用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>

为此，您不需要提交按钮添加点击监听器的东西，你应该改变类型按钮

。一旦你提交表格，它会显示你提醒。

来源

2016-03-05 09:46:28

如果您赞成任何回答，请善意提出理由。点击一个按钮非常easy.this是帮助平台确保你帮助一个。 –

点击功能不工作按钮

回答

相关问题