点击功能不工作按钮
问题描述:
我想做一个列表和提交按钮,用户输入列表大小,然后单击按钮后提交表单(列表大小发送到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>
答
你可以试试这个:
<!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
答
首先,确保在使用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>
为此,您不需要提交按钮添加点击监听器的东西,你应该改变类型按钮
。一旦你提交表格,它会显示你提醒。
+0
如果您赞成任何回答,请善意提出理由。点击一个按钮非常easy.this是帮助平台确保你帮助一个。 –
在浏览器中使用开发工具。看看控制台。它说什么? – Quentin
你期望做什么? –
这个函数看起来应该起作用。尝试将'alert'改为'console.log(“anything”);'。也许你的浏览器正在压制警报,因为这是一个恼人的JavaScript工件。 – magreenberg