How to transform the space of an input text to %20?

Question

How to transform the space of an input text to %20? I would like to modify text in question to be transported at a url

I am generated a url so that the site information is included at the beginning of the conversation ("text=your%20message") example: https://api.whatsapp.com/send?phone=seunumerodetelefone&text=sua%20mensagem

Answer 1

If you’re in one <input> only the message just use rawurlencode, so in PHP:

<?php
if (!empty($_POST['message'])) {
    $message = rawurlencode($_POST['message']);

    $url = 'https://api.whatsapp.com/send?phone=seunumerodetelefone&text=' . $message;

    var_dump($url); //Somente para testar a URL
}

Assuming the form is like this

<form action="pagina.php" method="POST">
<input type="text" name="message">
<button>Enviar</button>
</form>

If you are Javascript you can use encodeURIComponent:

var message = document.querySelector("#message"),
    testBtn = document.querySelector("#testar");

testBtn.onclick = function () {
    var url = 'https://api.whatsapp.com/send?phone=seunumerodetelefone&text=';
    var urlmessage = url + encodeURIComponent(message.value);
    
    console.log(urlmessage);
};

Digite algo: <input type="text" id="message" value=""><br>
<button id="testar">Enviar</button>

Answer 2

Try to use str_replace:

str_replace(' ', '%20', 'https://api.whatsapp.com/send?phone=seunumerodetelefone&text=sua mensagem')