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

时间:2015-04-08 14:28:19

标签: javascript php html forms

这可能是超级业余爱好者,但我有一个大脑放屁。

我想根据输入到该字段的数据,在重定向到特定页面的页面上放置一个表单字段。例如,如果用户输入dave并点击提交,则会将其重定向到dave.html ...如果用户输入1234,则会将其重定向到1234.html。

我正在使用天空形式,据我所知,这可能就像在脚本中添加if函数一样简单......有什么建议吗?

提前致谢。

<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>

1 个答案:

答案 0 :(得分:1)

你可以使用javascript 这样的事情应该有效

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>