Question

这是我的基本html页面。

<html>
    <head>        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>       
    </head> 

    <body >        
        <form id="#forgotform">
            <input type="email" id="email" placeholder="Enter your email" required="required" />
            <input type="submit" value="submit" />
        </form>               
    </body>

    <script>
    $(document).ready(function(){
        $('#forgotform').on('submit', function() {
            alert('You submitted the form!');
        });
    });
    </script>  

</html>

我正在尝试在提交表单#forgotform上执行某些操作，但它甚至没有触发提交表单的提醒。请帮帮我。

Answer 1

将此<form id="#forgotform">替换为<form id="forgotform">。可能会有效。

Answer 2

删除＆＃39;＃＆＃39;来自<form id="#forgotform">。没有必要把＃＆＃39;＃＆＃39;同时在HTML中为元素添加id。

Answer 3

你也可以尝试这个

$("#form-id").submit(function(){
    alert("Submitted");
});

您的HTML表单

<form id="form-id">..</form>

表单提交功能不起作用

3 个答案: