Проверка Javascript не выполняется при отправке формы

0

У меня есть javascript, который пытается проверить форму, а точнее часть "type = date" формы. Но по какой-то причине, когда я отправляю форму, она даже не запускает сценарий (я думаю?) И просто переходит на страницу, указанную в

вот код

<!-- script to make sure only weekdays are selected -->
<script>
var date = document.querySelector('[type=date]');

function noWeekends(e){

    var day = new Date( e.target.value ).getUTCDay();

    // Days in JS range from 0-6 where 0 is Sunday and 6 is Saturday

    if( day == 0 || day == 6 ){
        e.target.setCustomValidity('Please select a weekday.');
        return false;
    } else {
        e.target.setCustomValidity('');
    }
}
date.addEventListener('input',noWeekends);
</script>
<!--============================================================
=======================form starts here=========================-->

<form action="confirm_booking.php" onsubmit="noWeekends()" method='post'> 
<?php
echo "Room: ";
select_room();
?>
week starting: <input type=date name='WeekStart'/>

<input type="submit" value="Book Room">
</form>
  • 0
    Также я не уверен, имеет ли это значение, но в тег <form> я поместил «NoWeekends ()» для onsubmit вместо «NoWeekends (e)». Никто не работал
  • 0
    Ничто не мешает отправке формы, возвращение false в функции слишком поздно
Показать ещё 9 комментариев
Теги:
forms

1 ответ

0
Лучший ответ
<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8" />
    <title></title>
    </head>
    <body>
        <form id="form" action="confirm_booking.php" method='post'> 
        <?php
        echo "Room: ";
        select_room();
        ?>
        week starting: <input id="date" type=date name='WeekStart'/>
        </form>
        <input type="submit" value="Book Room" onclick="noWeekends()">
        <script>
        function noWeekends(){
            var date = document.getElementById('date');
            var day = new Date( date.value ).getUTCDay();
            console.log(day);
            if( day == 0 || day == 6 ){
                date.setCustomValidity('Please select a weekday.');
                return false;
            } else {
                date.setCustomValidity('');
                document.getElementById("form").submit();
            }
        }
        </script>
    </body>
</html>

работает как ожидалось

Примечание. Кнопка отправки - ВНЕШНЯЯ форма формы, и при щелчке сценарий выполняется сценарий и представляет форму программно, если все правильно.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню