Блог

Мой разум на 100% пуст, поэтому, пожалуйста, нужны некоторые рекомендации.

 <form action="/" id="searchForm">
  <input type="text" name="s" placeholder="Search...">
  <input type="submit" value="Search">
</form>
  

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

http://example.com/rest/ful/url/{value of search}/ например http://example.com/rest/ful/url/jQuery/ , если я искал jQuery

Мне вообще нужен jQuery для этого?

Решение с помощью jquery:

 $('#searchForm').on('submit', function(event){
    $('[name=s]').prop('disabled', true)
    $(this).attr('action', 'http://example.com/rest/ful/url/'       $('[name=s]').val());
});
  

https://jsfiddle.net/3y4efht0/1/

Используйте .submit событие jquery и извлеките входное значение и используйте window.location.href для достижения ваших требований.

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

 $("#searchForm").submit(function( event ) {
  var searchTerm = $("input[name='s']").val();
  if($.trim(searchTerm)!=""){
    var redirectURL = "http://example.com/rest/ful/url/" $.trim(searchTerm) "/";
    console.log(redirectURL);
    window.location.href=redirectURL;
  }else{
    alert("Please enter search term!");
  }
});  

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="/" id="searchForm">
  <input type="text" name="s" placeholder="Search...">
  <input type="submit" value="Search">
</form>  

Для этого вам не нужен jquery, но это может помочь, вам нужно прослушать событие отправки, предотвратить поведение по умолчанию и перенаправить на нужную страницу :

 $('#searchForm').on('submit', function(e){
    e.preventDefault();
    document.location.href = 'http://example.com/rest/ful/url/' $('#s').val() '/'
})