如何在url中的字符串之间添加连字符

时间:2014-04-06 15:04:27

标签: javascript php jquery

我有一个表单,其中有一个文本字段和ine提交按钮。单击提交按钮,它转到下一个PHP页面。用户可以在文本字段中输入文本。文本字段可以包含n个用空格分隔的文本字符串。用户输入文本为 我的名字是彼得 我希望文本在url中更改为MY-name-is-peter。 当用户点击提交按钮时,网址应该像submit.php?search = MY-name-is-peter

<form action="submit.php" method="get">
<input type="text" name="search" id="search">
<input type="submit" name="submit" value="submit">
</form>

关于如何在url中的字符串中添加连字符的指南。

3 个答案:

答案 0 :(得分:1)

<script>

var handler = function (element) {
  element.form.search.value = element.form.search.value.replace(/ /g, '-');
};

</script>


<form action="" method="get">
  <input type="text" name="search" id="search" />
  <input type="submit" onclick="handler(this);" name="submit" value="submit" />
</form>

答案 1 :(得分:0)

str_replace可以使用,或者如果你想使用正则表达式,你可以试试preg_replace(&#34; / [ - ] /&#34;,&#34;&#34;,$ yourString)

答案 2 :(得分:0)

您应该在提交之前对URL进行编码:

  $('form').submit(function(){
  var val = $(this).find('#search').val();
  $(this).attr('action','submit.php'+encodeURI(val))
 })

示例:http://jsfiddle.net/e3L3a/