點擊功能不工作按鈕

-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是幫助平臺確保你幫助一個。 –

點擊功能不工作按鈕

回答

相關問題