フォーム送信機能が動作しない

これは私の基本的な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に何かをしようとしていますが、それもフォームを送信上の警告をトリガされていません。私を助けてください。

出典

2017-03-25 9gagger

<form id="#forgotform">これを<form id="forgotform">と置き換えてください。これでうまくいくかもしれません。

出典

2017-03-25 06:52:11

を試すことができます。 :) –

＃DOMから要素IDを取得するためにjqueryが使用します。要素IDには＃を含めるべきではありません。 –

<form id="#forgotform">から「＃」を削除します。 HTMLの要素にidを追加するときに '＃'を入れる必要はありません。

出典

2017-03-25 07:20:04 pd91

-2

また、確かに動作します。この

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

あなたのHTMLフォーム

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

出典

2017-03-25 08:34:35

これは、ページ上のすべてのフォームで行います... – Milney

jQueryでフォームIDを入力してください： $（ "＃form-id"）submit（） –

$（ "フォーム" #yourフォームID "） –

フォーム送信機能が動作しない

答えて

関連する問題