Creating a Realtime PHP Chatroom Using PHP & Jquery #1

Creating a Realtime PHP Chatroom Using PHP & Jquery #2

Creating a Realtime PHP Chatroom Using PHP & Jquery #3

Creating a Realtime PHP Chatroom Using PHP & Jquery #4

Creating a Realtime PHP Chatroom Using PHP & Jquery #5

Creating a Realtime PHP Chatroom Using PHP & Jquery #6

Creating a Realtime PHP Chatroom Using PHP & Jquery #7

In the previous video, we have started developing our chatroom application with the help of PHP and Bootstrap templates. In today&rsquo;s video, we would be adding validation checks for the room name. In addition to this, we would be establishing the database connection of the &lsquo;my anonymous chat&rsquo; application. So, without further ado let&rsquo;s dive straight into it-
Getting started - Validation Checks&nbsp;
In this instance, the claim room button is not functional as it shows an error in submitting the form. Now, after clicking the Claim room button, we would like to redirect the user to the claim.php file for validation checks. Thus, if the room name is valid, we would like to send the user to that specific room.&nbsp;
Creating claim.php File
In the sublime text editor, we would create a new file (Ctrl + N) named claim.php. Make sure to save this file in the &lsquo;htdocs&rsquo; folder of the XAMPP. As you know, we are making a post request from the index.php file and are providing it to claim.php with the help of the form.&nbsp;
<img src="https://cwh-full-next-space.fra1.digitaloceanspaces.com/videos/realtime-php-chatroom-3/1.webp" />
Figure 1.1: Claim.php - Adding Validation Checks
&lt;|AD|&gt;
Explanation: In the claim.php file, follow the below steps to add the validation checks for the room input tag-
<ol>
<li> Getting the value of Post Parameter: Here, we have first added the syntax of PHP and then we have defined a room variable inside it. In the room variable, We are receiving the name from the room input tag.&nbsp;</li>
<li> First Validation Check: In addition to this, we are using the if-else statement to add the validation check such as if the length of the room string is greater than 20 or less than 2, then the validation will not be approved and the client will be shown a custom error message.</li>
<li> Second Validation Check: Moreover, if the room name is alphanumeric then also we would like to throw an error to the client.&nbsp;</li>
<li> Connection to the Database: Finally, we are using the include method to put data from one PHP file into another PHP file. In our case, we would like to put data of db_connect.php file, when both the conditions are false as shown below-</li>
</ol>
<img src="https://cwh-full-next-space.fra1.digitaloceanspaces.com/videos/realtime-php-chatroom-3/2.webp" />
Figure 1.2: Connecting to the Database
&lt;|AD|&gt;
Creating db_Connect.php file
Now, we would be creating a new file (Ctrl + N) named db_connect.php. In this file, we would add the server name, username, database and password variable. Remember, we have used the default values of the above fields.&nbsp;
<img src="https://cwh-full-next-space.fra1.digitaloceanspaces.com/videos/realtime-php-chatroom-3/3.webp" />
Figure 1.3: Creating Database Connection
Explanation: In the db_connect.php file, follow the below steps to establish the database connection -
<ol>
<li> Creating database Connection</li>
</ol>
Here, we have defined a conn variable and have used the mysqli_connect method to connect to the database.
<ol start="2">
<li> Checking Connection</li>
</ol>
Now, we would like to check if the connection between the application and its database has been successfully created or not. Thus, if the conn returns a false value then we would like to show an error message.
<ol start="3">
<li> Creating Chat Room Database</li>
</ol>
Finally, In the PHPMyAdmin, we would navigate to the new section and would create a chatroom database.
Result: Hence, on submitting the room name the client is shown with the custom &lsquo;Let&rsquo;s chat Now&rsquo; custom message. Moreover, the validation checks are working efficiently.
&nbsp;
In the upcoming videos, we would be enhancing the myAnonymous application. Moreover, we would be adding room name validation to check if the room is already present in the chatroom Database or not.
Do remember to Access the playlist of this PHP real-time Chat Room project by clicking <a href="https://www.youtube.com/watch?v=eXudjwOwv-8&amp;list=PLu0W_9lII9ahCGUp9bVvLQ8uK21L0MdOl" target="_blank" rel="noopener">here.</a>
Thank you for being with me throughout the tutorial. See you all in the next tutorial. Till then, Keep learning and Keep Coding.
&nbsp;