表單提交功能不起作用

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"> <form id="forgotform">可以。

Answer 2

從<form id="#forgotform">刪除<form id="#forgotform"> 。 在將id添加到HTML中的元素時，無需放置“＃”。

Answer 3

您也可以嘗試

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

您的HTML表單

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

表單提交功能不起作用

問題描述

3 個解決方案

解決方案1
4 2017-03-25 06:52:11

解決方案2
0 2017-03-25 07:20:04

解決方案3
-1 2017-03-25 08:34:35

表單提交功能不起作用

問題描述

3 個解決方案

解決方案1 4 2017-03-25 06:52:11

解決方案2 0 2017-03-25 07:20:04

解決方案3 -1 2017-03-25 08:34:35

解決方案1
4 2017-03-25 06:52:11

解決方案2
0 2017-03-25 07:20:04

解決方案3
-1 2017-03-25 08:34:35