单击提交时，转到字段中的 url答案

【问题标题】：On click submit go to an url from field单击提交时，转到字段中的 url
【发布时间】：2017-11-05 23:34:23
【问题描述】：

我有一个简单的表格：

<form class="form-contact-warp form-calc-ship cb-form" action="javascript:redirect();">
  <input class="form-control" required="" id="textBox" type="text" name="code" size="15"  placeholder="USI-TECH affiliate ID">
  <button type="submit" class="btn-main-color btn-block"> Create page</button>
</form>

如果我在输入字段中输入文本daniel，我想附加一个链接。

例子：

我输入daniel，然后点击提交。我想出现在链接下方 www.example.com/daniel 和文字This is your link。

谢谢

【问题讨论】：

“我想出现在链接下方”是什么意思？让我直截了当地说，您想获取输入并重定向到示例链接中提到的页面吗？您很可能必须检查文件夹和文件是否存在，然后在必要时创建它们（或者更确切地说从模板文件中复制它们）然后重定向......但这是您需要的吗？文本呢，如果你要重定向，你想要它在哪里？我会说发布您迄今为止尝试过的内容，并告诉我们哪些内容不起作用。

标签： php forms field

【解决方案1】：

我认为最好的方法是单独使用 jQuery 或 JavaScript：

<form class="form-contact-warp form-calc-ship cb-form" action="" method="post">
  <input class="form-control" required="" id="textBox" type="text" name="code" size="15"  placeholder="USI-TECH affiliate ID">
  <button type="submit" class="btn-main-color btn-block"> Create page</button>
</form>
<div id="response"></div>
<!-- add jquery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){
    $('form').on('submit',function(e){
        e.preventDefault();
        $('#response').html('This is your link:<br />http://www.example.com/'+encodeURI($('#textBox').val()));
  });
});
</script>

这是一个 jQuery 演示，位于 jsFiddle

这里是一样的，只是它改变了when you type。

如果你想使用纯PHP，你需要检查一些已经提交的东西：

<form class="form-contact-warp form-calc-ship cb-form" action="" method="post">
  <input class="form-control" type="text" name="code" size="15"  placeholder="USI-TECH affiliate ID">
  <input type="submit" class="btn-main-color btn-block" value="Create page" />
</form>

<?php
# Check if there is a post
if(!empty($_POST['code'])) {
    # You want to make sure you remove possible html and covert the string to a url.
    echo 'This is your link:<br />http://www.example.com/'.urlencode(trim(strip_tags($_POST['code'])));
}

【讨论】：