Javascript : How can I enter a '@' in an url?

Question

I got a code which let me change a value in an another page using a form submit in Javascript, the problem is that the url does not accept the value @ (@ = %40 in the url)

here is the code:

index.html

<form method="GET" action="page.html">
  <input type="text" id="my_text" name="my_text" />
  <input type="submit" />
</form>

page.html

<input id="title"></input>

<script type="text/javascript">
  function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, 
          function(m,key,value) {
      vars[key] = value;
    });
    return vars;
  }
  document.getElementById("title").value = getUrlVars()["my_text"];
</script>

How can I fix this problem?

https://css-tricks.com/snippets/javascript/get-url-variables/ — Matjaž, Jul 01 '15 at 20:13

score 0 · Answer 1 · edited May 23 '17 at 12:16

0

You probably want to use encodeURI(), see this answer for an in depth explanation.

edited May 23 '17 at 12:16

Community

1
1

answered Jul 01 '15 at 20:12

Shakeel

1,039
7
20

1

Use it where in the code? The browser does it be default with the form submission... – epascarello Jul 01 '15 at 20:13
1

Thanks for this answer, it isn't encodeURI() but it helped me to find decodeURIComponent() which works fine! – Horai Nuri Jul 01 '15 at 20:23
@Sia ah, that makes sense glad I could help! – Shakeel Jul 02 '15 at 01:31

score 0 · Accepted Answer · answered Jul 01 '15 at 20:24

0

I found the answer, I had to use decodeURIComponent(), which let me get the correct value.

answered Jul 01 '15 at 20:24

Horai Nuri

5,358
16
75
127

Javascript : How can I enter a '@' in an url?

2 Answers2