Ajax вызов не работает над нажатием клавиши, работает только для функции щелчка

Question

У меня есть метод вызова данных из php-файла, я узнал его из одного из блогов, теперь он работает с файлом для кнопки отправки кнопки, но когда я нажмите enter переменные получить показано в адресной строке и процесс Ajax не выполняется, Может ли одна просьба помочь мне делать это на прессе ввести метод ....

Это мой код: -

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$(document).ready(function() { 
    $("input[name='search_user_submit']").click(function() { 
     var cv = $('#newInput').val(); 
     var cvtwo = $('input[name="search_option"]:checked').val(); 
     var data = { "cv" : cv, "cvtwo" : cvtwo }; // sending two variables 
     $("#SearchResult").html('<img src="../../involve/images/elements/loading.gif"/>').show(); 
     var url = "../elements/search-user.php"; 
     $.post(url, data, function(data) { 
      $("#SearchResult").html(data).show(); 
     }); 
    }); 
}); 
});//]]> 
</script> 

Я попробовал это, взяв условие if вместе с событием нажатия клавиши, все еще не работающим: -

if (e.keyCode == 13) { // Do stuff } 
else { // My above code } 
//In this also it seems that i am doing something wrong. 

Может кто-нибудь, пожалуйста, просветит меня, как это сделать.

Моего поле ввода является: -

<input type="text" name="searchuser_text" id="newInput" maxlength="255" class="inputbox MarginTop10"> 

кнопку Моей представить это: -

<input class="Button" name="search_user_submit" type="button" value="Search"> 

Answer 1

Вы можете попробовать с event.preventDefault(); для ввода нажатия клавиши.

Спасибо.

Answer 2

При вводе ввода выполняется по умолчанию обработчик onSubmit для формы. Вы можете использовать функцию submit jquery для обработки и ввода, и нажатия кнопки отправки.

$("form").submit(function() { 
    var cv = $('#newInput').val(); 
    var cvtwo = $('input[name="search_option"]:checked').val(); 
    var data = { "cv" : cv, "cvtwo" : cvtwo }; // sending two variables 
    $("#SearchResult").html('<img src="../../involve/images/elements/loading.gif"/>').show(); 
    var url = "../elements/search-user.php"; 
    $.post(url, data, function(data) { 
     $("#SearchResult").html(data).show(); 
    }); 
    return false; 
}); 

return false в этой функции предотвратит отправку формы.