Почему после клика страница направляется на индексную страницу // localhost?

Question

Я создаю чат-чат, изучая YouTube, я следовал инструкциям, но почему моя страница переходит на // localhost вместо того, чтобы что-то предупреждать на текущей странице?

Учебник Youtube: https://www.youtube.com/watch?v=_Demu2OfTqI

JS код:

$(document).ready(function(){
    alert("we made it");  //this alert works

    $("#submint_message").click(function(){
        alert("we made it");
        alert($("#chat_message").val());
    });
});

HTML-страница:

 <h1>Let's chat</h1>
    <div id="chat_viewport"></div>

    <div id="chat_input">
        <input id="chat_message" name="chat_message" type="text" value="" tabindex="1">
        <?php $this->load->helper('url');
         echo anchor('#','say it', array('title'=>'send this message','id'=>'submit_message'));?>
        <div class="clearer"></div>

После нажатия кнопки «произнесите это» текущая страница должна предупредить сообщение, которое я набрала. Но на самом деле оно идет в индексстраница моего локального хоста. текущая страница чата

после нажатия «сказать это»

Answer 1

Опечатка в названии вашего элемента. Вы прикрепляете событие к submint_message вместо submit_message. Также предотвратите поведение якорного тега по умолчанию, добавив event.preventDefault(); Попробуйте ниже.

$(document).ready(function(){
    alert("we made it");  //this alert works

    $("#submit_message").click(function(event){ // event parameter passed 
        event.preventDefault(); // prevent the default behavior 
        alert("we made it");
        alert($("#chat_message").val());
    });
});