我的代码:
<html> <body>
<p>When you submit the form, a function is triggered which alerts sometext.</p>
<form id="abc" action="https://www.w3schools.com/action_page.php"
onsubmit="myFunction()"> Enter name: <input type="text"
name="fname"> <input type="submit" value="Submit"> </form>
<script> function myFunction() {
alert("The form was submitted"); } </script>
</body> </html>
它运行正常,但我希望提交后会显示谢谢你更改表单 ID,不要提醒,它会显示文本“谢谢”,如图所示:result
我的 jsfiddle:https://jsfiddle.net/nguoicovan/adpjq8bc/
最佳答案
使用 Ajax Jquery
<html> <body>
<p>When you submit the form, a function is triggered which alerts sometext.</p>
<form id="abc" action="https://www.w3schools.com/action_page.php"
onsubmit="myFunction()"> Enter name: <input type="text"
name="fname"> <input type="submit" value="Submit"> </form>
<script> function myFunction() {
alert("The form was submitted"); } </script>
</body>
<script> $("#abc").submit(function(e){
e.preventDefault();
$.get("https://www.w3schools.com/action_page.php",$("#abc").serialize(),function(data){alert("Thank you for submitting ")})
})</script> </html>
在使用之前不要忘记包含 jquery
关于javascript - 如何在 onsubmit post 方法表单后显示 thankyou,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43450222/