Javascript Блок форма действия на "введите" отправить

Question

я работаю в рамках Laravel, и я иметь такую ​​форму:

VIEW

{!! Form::open() !!} 
<input type="text" name="puntata" id="puntata"> 
<button id="registro" type="button" class="btn-primary">PUNTA</button> 
{!! Form::close()!!} 

JS

var button = d.getElementById('registro'); 
    function puntata() { 
     ....my code... 
    } 
var submit = button.onclick = puntata; 

Когда я вставляю значение в свой ввод «puntata» и нажимаю кнопку «registro», он вызывает мою функцию js, она работает хорошо.

Но если я вставляю значение в свой ввод «puntata», и я делаю «ENTER» на моей клавиатуре, он отправляет форму без вызова моей функции javascript. Как я могу заблокировать это?

Мне бы хотелось, чтобы на мероприятии «ENTER» позвоните в мою функцию puntata() и НЕ отправьте форму.

Благодарим за помощь!

Answer 1

Вы должны использовать JQuery-х keydown сделать это:

$(document).ready(function() { 

    $(window).keydown(function(event){ 

    if(event.keyCode == 13) { // -- 13 for enter key 
     event.preventDefault(); 
     return false; 
    } 

    }); 

}); 

Надеется, что это помогает!

Answer 2

с помощью JQuery:

$(document).keypress(function(e) { 
    if(e.which == 13) { 
     $('#registro').click(); 
    } 
}); 

Answer 3

Просто добавьте обработчик событий для отправки формы, а не кнопку быть нажата.

$('form').on('submit', function(e) { 
    // whatever you were doing on button click 
});