Question

我有简单的HTML代码

<form class="searchbox" action="" >
<input type="search" placeholder="Search KB" id="SearchField"/>
<button value="search" id="SearchButton">&nbsp;</button>
</form>

和简单的事件监听器

$('#SearchButton').on("click",function(events) {
// your stuff
alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
events.preventDefault();
var bla = $('#SearchField').val();
console.log("bla")
 var jsonString = JSON.stringify(bla);
  return false;
  });

当我点击按钮页面时保持清爽当我把它当我这样做时，它会运行我的事件监听器

我没有得到我错的地方

Answer 1

像这样更新你的Jquery -

$(document).ready(function(){
  $('#SearchButton').click(function() {
    alert('working fine..');
    return false;
  });
});

Answer 2

如下更新，

$(function(){
$('#SearchButton').click(function() {
    alert('working fine..');
    var bla = $('#SearchField').val();
    alert('Search field name :'+bla);
    return false;
});

Answer 3

现在应该可以了。您只需禁用表单中提交按钮即可自行发布的默认功能。

 $('#SearchButton').on("click",function(e) {
 // Stop propagation & prevent Default action
e.stopPropagation();
e.preventDefault():
alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
var bla = $('#SearchField').val();
console.log("bla")
 var jsonString = JSON.stringify(bla);
  return false;
  });

避免点击按钮时自动刷新

3 个答案: