表单根据输入的数据重定向到页面

Question

This is probably super amateur but I'm having a brain fart.

I want to place a form field on a page that redirects to a specific page, based on the data entered in to the field. For example, if a user enters dave and hits submit, they will be redirected to dave.html... if the user enters 1234, they will be redirected to 1234.html.

I'm using sky-forms, and as far as I know this could be as simple as adding an if function to the script... any suggestions?

Thanks in advance.

<div class="cforms">
    <script     src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
function redirect(){
var target = $('#mainText').val();
var redirectTo = 'http://' + target + '.html';
window.location.replace(redirectTo);
}


 </script>
    <form onsubmit="redirect()" id="sky-form" class="sky-form">
    <fieldset>
        <div class="row">
          <section class="col col-4">
            <label class="label">Enter Quote Number</label>
            <label class="input"> <i class="icon-append icon-file"></i>
              <input type="text" name="name" id="name">
            </label>
          </section>
     </div>

Answer 1

you could use javascript something like this should work

function redirect(){
  var target = $('#mainText').val();
  var redirectTo = 'http://' + target + '.html';
  window.location.replace(redirectTo);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<form onsubmit="redirect()">
          Enter name: <input id="mainText" type="text">
          <input type="submit">
        </form>