读取HTML格式的逗号分隔值

Question

I have a simple HTML input element:

<input type="text" class="form-control" name="value">

This field could have comma-separated values eg ABC, DEF, GHI . The field value when submitted must be exactly the same as when entered. However, when I am printing the field value to the console, I am getting

ABC%2C+DEF%2C+GHI .

I want ABC, DEF, GHI

I tried things like decodeURIComponent and accept-charset="ISO-8859-1" for the form, but they don't work. How can I prevent the encoding of the commas and spaces? Thanks in advance!

Answer 1

Before submiting, encode the value and it should work, according to my test

<form id="myForm" action="form.php" method="GET">
    <input id="encodeMe" name="string" value="this will be encoded correctly" />
    <input type="submit" value="OK" />
</form>

$('#myForm').submit(function() {
    var enc = escape($("#encodeMe").val());
    $("#encodeMe").val(enc);
});

Answer 2

Ok, I got it. In JavaScript, the input field has to be handled thus:

decodeURIComponent(str.replace(/\+/g,' '))

where str = ABC%2C+DEF%2C+GHI . Only decodeURIComponent is not enough. Hope it helps!