У меня есть 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>
<!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>
работает как ожидалось
Примечание. Кнопка отправки - ВНЕШНЯЯ форма формы, и при щелчке сценарий выполняется сценарий и представляет форму программно, если все правильно.