Undefined index (не записывается поле)

Здравствуйте, уважаемые специалисты. На сайте есть раздел, где пользователь вводит указанные данные и жмет «сохранить». Данные записываются в data.csv файл. Реализован код так, как в примере ниже. Незадача в том, что с некоторых пор первое поле стало игнорироваться (не записывается), а в логах появляется ошибка [15-Mar-2021 09:44:40 UTC] PHP Notice: Undefined index: field1 in /home/site/public_html/fdata/posted.php on line 7. Ранее все было ОК.
Что характерно, когда самостоятельно тестирую — данные записываются. Если пользователь нажимает на «сохранить» — первое поле не сохраняется, а остальные — нормально…
В файле posted.php значение field1 указано. Ткните носом пожалуйста, только доступно, если можно, а то я слабо разбираюсь в вопросе…

form.html

HTML:

1. <?php
2. session_start();
3. ?>
4.  
5. <script src=«https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js»></script>
6.  
7. <form>
8.     <input type=«text» onchange=«Saveme(‘field1’, this.value); checkme()» inputmode=«numeric» />
9.     <input type=«text» onchange=«Saveme(‘field2’, this.value); checkme()» inputmode=«numeric» />
10.  
11.     <select onchange=«Saveme(‘field3’, this.value);»>
12.         <option value=«test1»>опция1</option>
13.         <option value=«test2»>опция2</option>
14.      </select>
15.  
16.     <button id=«pushme»>сохранить</button>
17. </form>
18.  
19. <script>
20.     function Saveme(name, value) {
21.         $.ajax({ type: «POST», url: «/saver.php»,
22.             data: { ‘GO-Function’: «Saveme», ‘name’: name, ‘value’: value }
23.         });
24.     }
25.     $(«#pushme»).click(function() {
26.         $.ajax({ type: «POST», url: «/posted.php»
27.         });
28.     });
29. </script>

posted.php

PHP:

1. <?php
2. session_start();
3. ?>
4.  
5. <?php
6. $list = array (
7.     array($_SESSION[«field1»], $_SESSION[«field2»], $_SESSION[«field3»])
8. );
9. $fp = fopen(‘data.csv’, ‘a+’);
10. foreach ($list as $fields) {
11.     fputcsv($fp, $fields, ‘-‘, ‘—’);
12. }
13. fclose($fp);
14. ?>

saver.php

PHP:

1. <?php
2. session_start();
3. header(‘Content-type: text/html; charset=UTF-8’);
4. if($_SERVER[‘HTTP_X_REQUESTED_WITH’] != «XMLHttpRequest») {exit;}
5. if(!isset($_POST[‘GO-Function’])) {exit;}
6.  
7. if($_POST[‘GO-Function’] == «Saveme») {
8.     $_SESSION[$_POST[«name»]] = $_POST[«value»];
9.     exit;
10. }
11. ?>

 

Возможно стоят неправильные события на кнопках. Не ‘onchange’, a ‘onclick’.
И заблокируйте основной триггер клика по кнопке через event.preventDefault()

 

‘onchange’ указаны на полях ввода данных (это не кнопки). Так или иначе, вы имееете ввиду попробовать вот так:

PHP:

1. <input type=«text» onclick=«Saveme(‘field1’, this.value); checkme()» inputmode=«numeric» />

+

Так?

PHP:

1. <button id=«pushme» onClick={e => e.preventDefault()}>сохранить</button>

 

Простите, с текстовыми полями я написал какую-то ахинею.

Сегодня налил кофе и вот что вышло: Ваш код ругается на то что в фаиле posted.php (строка 7) не определён ключ ‘field1’ в массиве $_SESSION. Из-за чего это может произойти? Тут вариантов несколько:
— Юзер не заполнил одно из полей
— При нажатии на кнопку «pushme» посылается аякс запрос, но так же идет сабмит всей формы так как никто его не отменил.
— Событие «onchange» срабатывает только после того, как элемент был изменен и потерял фокус. Таким образом, если никто не менял значение выпадающего списка, то оно и не сохраниться в сессии.

Я бы посоветовал отказаться от сессий и использовать проверку ввода пользовательских данных перед отправкой:

form.php

HTML:

1. <?php
2. session_start();
3. ?>
4. <script src=«https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js»></script>
5. <form>
6.     <input type=«number» name=«field1» inputmode=«numeric» />
7.     <input type=«number» name=«field2» inputmode=«numeric» />
8.     <select name=«field3» >
9.         <option value=«test1»>опция1</option>
10.         <option value=«test2»>опция2</option>
11.      </select>
12.     <button id=«pushme»>сохранить</button>
13. </form>
14. <script>
15.     function validate(data)
16.     {
17.         // Фильтруем пустые поля
18.         let empty = data.filter((input) => {
19.             return input.value.trim() === »;
20.         });
21.  
22.         // Отправляем true/false если есть пустые поля
23.         return empty.length === 0;
24.     }
25.  
26.     $(document).ready(() => {
27.         $(«form»).submit(function(event) {
28.             event.preventDefault(); // Блокируем дефолтное выполнение кнопки
29.            
30.             let form = $(this);
31.             let data = form.serializeArray();
32.            
33.             if( validate(data) === true) {
34.                 $.ajax({
35.                     type: «POST»,
36.                     url: «posted.php»,
37.                     success: function(response) {
38.                         alert(‘Данные сохранены’);
39.                         form.trigger(‘reset’); // Очищаем форму от старых данных
40.                     }
41.                 });
42.             } else {
43.                 alert(‘Заполните все поля’);
44.             }
45.         });  
46.     })
47. </script>

1. функция checkme() не существует.
2. Обязательно добавляйте аттрибут «name» к полям формы, везде.
3. Проверяйте абсолютно всё: свой код и пользовательский ввод
4. Писать JS в HTML (например «onclick=…») — это фу!

 

Я сколько не пью — не получается, может дел не в кофе)) По сути — благодарю вас, что нашли время вникнуть. Касательно «Юзер не заполнил одно из полей» и «если никто не менял значение выпадающего списка, то оно и не сохраниться» — врядли, поскольку юзер не может нажать кнопку ДО заполнения ВСЕХ полей (кнопка неактивна), используется функция checkParams(), я ее не внесла в код, чтобы код легче воспринимался. Прошу прощения, видно надо было…
На счет «посылается аякс запрос, но так же идет сабмит всей формы» — Здесь нужно от чего-то отказаться/что-то исключить? Возможно, здесь конфликт.

Все еще не могу понять, почему первое поле игнорируется, а остальные записываются. Повторюсь, когда сама проверяю — записываются все поля. Смотрела в сторону прав на папки-файлы, но если бы были проблемы с правами, не записывалось бы ничего…
Свои <input name=»…»/> и <select name=»…» > ко всем полям и селектам добавила.