Запретить загрузку функции снова в форме при отправке - PullRequest
Новая
       13

Запретить загрузку функции снова в форме при отправке

2 голосов
/ 02 мая 2019

У меня есть динамическая таблица, созданная с помощью функции tablekrw () в форме с помощью JavaScript. Эта таблица загружает некоторые значения по умолчанию и создает 200 пустых строк таблицы на моей странице. При отправке значения таблицы сохраняются в базе данных. Но теперь, когда я нажимаю «отправить», я получаю в два раза больше значений, которые есть в таблице.

Мой минимальный HTML-код: 

if (isset($_POST["submit"])) {
        $insert->Insert();
<form>
<table id="table1" class="table table-sw table-bordered">
                <tr id="tablehead">
                    <th>Sw</th>
                    <th>Krw</th>
                </tr>
                <tbody id="tablekrw">
                <script>
                    tableKrw();
                </script><
                /tbody>
                <tbody>
                <tr><td><label></label></td></tr>
                <tr><td><button type="button" id="empty1">Empty Sw Krw table</button></td></tr>
                </tbody>
            </table>

<tr>
    <td>
        <input class="btn btn-primary" type="submit" value="Submit" name="submit">
    </td>
</tr>
</form>

Функция: 

function tableKrw() {
$('document').ready(function (e) {
    $('#tablekrw').append('<table></table>');
    var tr = $('#tablekrw').children();

    tr.append('<tr><td><input type="text" class="td-sw" name="sw1[]" value="0.15" id="default-td">' +
        '</td><td><input class="td-sw" type="text" name="krw[]" value="0.0"></td> </tr>');
for (let i = 0; i < 200; i++) {
        tr.append('<tr> <td><input type="text" class="td-sw" name="sw1[]" id="default-td">' +
            '</td><td><input class="td-sw" type="text" name="krw[]"></td> </tr>');
    }

Стандартные значения 0,15 и 0,0 теперь хранятся в базе данных как: 0,15 0,0 0,15 0,0

Как я могу предотвратить сохранение значений дважды? Я пытался с Preventdefault, но это не сработало.

Вставить () код: 

$this->lastId = $db->lastInsertId();

        $sql = "insert into unsteady_state_table_krw (sw1, krw, us_id) values (:sw1, :krw, :us_id)";
        $stmt = $db->prepare($sql);
        $stmt->bindParam(':sw1', $this->sw1);
        $stmt->bindParam(':krw', $this->krw);
        $stmt->bindParam(':us_id', $this->lastId);
        foreach ($_POST['sw1'] as $key => $value) {
            if (!empty($_POST['sw1'][$key]) && ($_POST['krw'][$key])) {
                $this->sw1 = $_POST['sw1'][$key];
                $this->krw = $_POST['krw'][$key];
                $stmt->execute();

1 Ответ

0 голосов
/ 02 мая 2019

Кажется, вы создаете свои строки каждый раз, когда DOM готов.Вы можете проверить это, сохранив значение в sessionStorage или localStorage, когда задание выполнено, например, перед повторным добавлением всех строк: 

if (typeof localStorage.rowsAlreadyCreated === 'undefined') {
    tableKrw();
    localStorage.rowsAlreadyCreated = 1;
}
...