"submitting" the form for a username and text for a chatbox doesn't seem to actually submit anything

Question

I created a form for a username and a text message but right now pressing submit doesn't actually submit anything despite it being close to the code for my login and registration form wich do properly work. the code:

<form id="myChatForm">
<input type= "text" placeholder= "Enter a name" name= "user_name" id= "user_name"><br>
<textarea placeholder= "type your message" name="message" id="message" cols="30" rows="3"></textarea><br>
<button type= "submit" name= "submit" value= "submit" class= "btn btn-succes btn-lg" id = "sendMessageBtn"> Send Message</button><br>
</form>
<?php
include("config.php");
if (isset($_POST['user_name']) && isset($_POST['message'])){
   if (isset($_POST['user_name'])) {
       $uname = ($_POST['user_name']);
    }
   if (isset($_POST['message'])) {
       $umessage = ($_POST['message']);
   }

   $query = "INSERT INTO chatroom (name, message) VALUES ('$uname', '$umessage')"; 
   $run = mysqli_query($con, $query);
   }
   ?>

For as far as I know, the problem lies with the form because before I had

if (isset($_POST['user_name']) && isset($_POST['message'])){

I would get errors saying that user_name and message were both undifined.

you're leaving yourself wide open to an serious sql injection here. Use a prepared statement if you value your work. — Funk Forty Niner, May 02 '18 at 20:13

score 1 · Answer 1 · answered May 02 '18 at 20:07

1

<form id="myChatForm" method="POST" action="**??**">
...
</form

Try setting forms 'method' to POST, and setting the 'action' to where you want the form to POST the values to.

answered May 02 '18 at 20:07

iCreateAwesome

4,334
1
15
6

score 1 · Answer 2 · answered May 02 '18 at 20:08

1

It seems you have a misunderstanding on how HTML forms work.

The web page that contains the form and the web page that gets the form input and acts on it are not the same page/file. Your form web page points to your form action web page by using the action attribute.

You can put them both on the same HTML file, but I suggest you gain a good understanding on how HTML forms work with the classic "two separate files" design first before complicating things further.

answered May 02 '18 at 20:08

SunKnight0

3,331
1
10
8

I actually have the php/mysql part in a different file but I simply posted the important parts under each other – thegamer7890 May 02 '18 at 20:24
You are still missing the `action` and `method` attributes in your `form` tag. – SunKnight0 May 02 '18 at 20:26

score 1 · Answer 3 · answered May 02 '18 at 20:10

1

By default, the form's method is a GET. Either you access your fields using $_GET or change your form's method to POST

<form id="myChatForm" method="POST">

answered May 02 '18 at 20:10

MrByte11

300
2
9

score 0 · Answer 4 · answered May 02 '18 at 20:10

0

Add method to your form method="post", you search vars in $_POST[""], but sends by default - GET, so write:

<form id="myChatForm" method="post">

answered May 02 '18 at 20:10

Alexey Usachov

1,364
2
8
15

"submitting" the form for a username and text for a chatbox doesn't seem to actually submit anything

4 Answers4