How do I display a person’s name in the onclick message="Alert()"?

Question

I made a customer registration file I wanted to enter the client’s name in onclick="alert()" every time the registration operation was made showing his name with the message Cliente fulano cadastrado com sucesso. How do I do that?

<form method="POST">
<p> Nome: <input type="text" name="nome" size=30 maxlength="30" required=""> </p>
<p> <input type="submit" name="Inserir" onclick="alert('Cliente $nome cadastrado com sucesso')" value="Cadastrar cliente"> </p>
</form>

// No PHP
$nome = $_POST['nome'];

Answer 1

Brothão, I think that to do this with Javascript is better and easier than to do with PHP.

By clicking the button we call the function displayName().

When the function displayName() is called, it only displays Alert() if the variable "name" is not empty.

Document.querySelector() passes the value that is in the field with id "name" to the variable "name".

function exibirNome() {
  let nome = document.querySelector("#nome").value;
  //Esse IF serve para só chamar o alert se o nome for preenchido (a variável nome tiver valor
  if (nome) {
    alert("Cliente " + nome + " cadastrado com sucesso");
  }
}

<form method="POST">
  <p> Nome: <input type="text" name="nome" id="nome" size=30 maxlength="30" required> </p>
  <p> <input type="submit" name="Inserir" onclick="exibirNome()" value="Cadastrar cliente"> </p>
</form>

The ideal would be for you to display the "Success" message, only after verifying that the operation was actually performed successfully in PHP. Because, the way you’re doing, the message is displayed before the data goes into PHP and the data is actually entered into the database.

You run the risk of an error and the data will not be entered in the database, and even then the "Success" message would have already been displayed.

If you want me to write the answer for this case, leave a comment, then I edit the answer and put this option too.

See if it suits you. Any questions, just ask. See you later!