Como fazer um botão redirecionar para outra página usando jQuery ou apenas Javascript

Estou fazendo um protótipo e quero que o botão de pesquisa vincule a uma página de resultados de pesquisa de exemplo.

Como faço um botão redirecionar para outra página quando ele é clicado usando jQuery ou JS simples.

Sem script:

<form action="where-you-want-to-go"><input type="submit"></form>

Melhor ainda, já que você está apenas indo a algum lugar, apresente ao usuário a interface padrão para "apenas ir a algum lugar":

<a href="where-you-want-to-go">ta da</a>

Embora, o contexto soe como "Simule uma pesquisa normal onde o usuário envia um formulário", caso em que a primeira opção é o caminho a percorrer.

É isto que você quer dizer?

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})

$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});

Em seu html, você pode adicionar atributos de dados ao seu botão:

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

Então você pode usar jQuery para alterar o url:

$('.mybtn').on('click', function(event) {
    event.preventDefault(); 
    var url = $(this).data('target');
    location.replace(url);
});

Espero que isto ajude

Com Javascript simples:

<input type="button" onclick="window.location = 'path-here';">

Você pode usar:

  location.href = "newpage.html"

no evento onclick do botão.

Não há necessidade de javascript, basta envolvê-lo em um link

<a href="http://www.google.com"><button type="button">button</button></a>

Isso deve funcionar ..

$('#buttonID').click(function(){ window.location = 'new url'});

Você pode usar window.location

window.location="/newpage.php";

Ou você pode simplesmente fazer com que o formulário em que está o botão de pesquisa tenha uma ação da página desejada.

Você pode usar este código JavaScript simples para fazer o botão de pesquisa vincular a uma página de resultados de pesquisa de amostra. Aqui eu redirecionei para '/ search' da minha página inicial. Se você quiser pesquisar no mecanismo de pesquisa do Google, pode usar " https://www.google.com/search " no formulário de ação.

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>

Do código do YT 2012.

<button href="https://stackoverflow.com/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>

esta é a maneira MAIS RÁPIDA (mais legível, menos complicada) de fazer isso, Owens funciona, mas não é HTML legal, tecnicamente essa resposta não é jQuery (mas como jQuery é um pseudocódigo pré-preparado - reinterpretado na plataforma do cliente como JavaScript nativo - existe realmente é nenhuma coisa como jQuery de qualquer maneira)

 <button onclick="window.location.href='http://www.google.com';">Google</button>

E no Rails 3 com CoffeeScript usando JavaScript não intrusivo (UJS):

Adicionar a assets/javascripts/my_controller.js.coffee:

$ ->
  $('#field_name').click ->
    window.location.href = 'new_url'

que diz: quando o evento document.ready for disparado, adicione um onclickevento a um objeto DOM cujo ID é o field_nameque executa o javascriptwindow.location.href='new_url';

Há muitas perguntas aqui sobre o redirecionamento do lado do cliente, e não posso responder sobre a maioria delas ... este é uma exceção.

O redirecionamento não deve vir do cliente ... deve vir do servidor. Se você não tem controle sobre o servidor, certamente pode usar Javascript para escolher outro URL para ir, mas ... isso não é redirecionamento. O redirecionamento é feito com 300 códigos de status no servidor ou por meio da inserção da tag META em HTML.

Use um link e estilize-o como um botão:

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>