Arrays with javascript and php - php

Question

I have this function that creates textareas deepening on the month. So if it is march, then 31 textareas. But the problem is right now that I cannot add anything into my db. I tried to make my function into arrays, and he change my php so it is like the function. But im not sure on where the issue lies. The problem is that it inserts empty values in the MySQL db.
function:
var showDate = new Date();
var months = ["Januari", "Februari", "March", "April", "May", "June",
"July", "Augusti", "September", "October", "November", "December"];
var weeks = ["Sunday","Monday","Tuseday","Wednesday","Thursday","Friday","Saturday"];
function drawTable(forDate) {
const daysInMonth = new Date(
forDate.getFullYear(),
forDate.getMonth() + 1,
0
).getDate();
const date = [
forDate.getFullYear(),
(forDate.getMonth() + 1 + '').padStart(2, 0)
]
.join('-');
const table = document.getElementById("table");
table.innerHTML = "";
for (let day = 1; day <= daysInMonth; day++) {
const dateString = date + '-' + (day + '').padStart(2, 0);
const row = document.createElement("tr");
const cell = document.createElement("td");
const textarea = document.createElement("textarea");
textarea.setAttribute("name", "day[]");
textarea.setAttribute("value", dateString);
textarea.innerHTML = dateString;
textarea.setAttribute("placeholder", day);
cell.appendChild(textarea);
row.appendChild(cell);
table.appendChild(row);
}
return table;
}
window.onload = function() {
document.getElementById("displayingMonth").innerHTML = months[showDate.getMonth()];
drawTable(showDate );
};
function daysInMonth(month, year) {
var days;
switch (month) {
case 1: // Feb, our problem child
var leapYear = ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0);
days = leapYear ? 29 : 28;
break;
case 3:
case 5:
case 8:
case 10:
days = 30;
break;
default:
days = 31;
}
return days;
}
php:
<?php
$days = $_request['day'];
echo $error = "day is empty";
if(is_array($days)){
foreach ($days as $day) {
$day = mysqli_real_escape_string($conn, $day);
if (empty($day)) {
echo $error;
}
else {
!mysqli_query(
$conn, "INSERT INTO table (day) VALUES('$day')");
}
}
}
if (count($error)) {
print_r($error);
}
?>
html:
<h1 id="displayingMonth"></h1>
<form action="index.php" method="post">
<table id="table"></table>
<input id="btn" type="submit" value="Press" />
</form>
I get my error msg: "day is empty"

Answer 1

Having a look at this line
textarea.setAttribute("name", "day[]");
you are in fact passing the day array to PHP
Change your PHP to this:
<?php
if (isset($_POST['submit'])) {
$error = '';
$days = $_POST['day'];
if (is_array($days)){
foreach ($days as $day) {
$day = mysqli_real_escape_string($conn, $day);
echo $day . '<br />';
if (empty($day)) {
echo $error;
} else {
mysqli_query($conn, "INSERT INTO table (day) VALUES ('$day')");
}
}
}
if (count($error)) {
print_r($error);
}
}
?>
The code checks if the submit button has been pressed (add name="submit" to your submit button) and then retrieves the day array submitted in the POST. You should consider changing $_REQUEST to $_POST, as this is a POST request. Note the uppercase $_REQUEST as opposed to $_request. The latter gave an error for me, so perhaps you don't have errors enabled. Try adding
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
to the top of your PHP script and setting
`display_errors = on`
inside your php.ini file.
Hope this helps!