2

メールアドレスフィールドと送信ボタンで構成される簡単なニュースレター登録フォームを作成しようとしています。ユーザーがアドレスを入力して送信すると、フォームの下に確認メッセージが表示されます。実際に何が起こるかというと、メッセージが表示され、すぐに消えます。そのままにしておくにはどうすればよいですか？これが私のコードです：

<body>
    <form id="newsletter_signup"> <!-- form action to be added later -->
        <p><input type="text" name="email" id="email" placeholder="your@email.com" />
        <input type="submit" value="Subscribe"></p>
        <div id="feedback"></div>
    </form>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>
    $('#newsletter_signup').submit(function() {
        var email_address = $('#email').val();
        $('#feedback').html('Thanks! ' + email_address + ' has been signed up.');
    });
</script>
4

3 に答える 3