提交表单时未执行 JavaScript 验证
Javascript validation not being executed when form submitted
我有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>
按预期工作
注意:提交按钮位于表单外部,单击时,如果一切正常,脚本将执行并以编程方式提交表单。
相关文章:
- Javascript验证问题
- javascript验证和ajax调用同时不起作用
- 外部JavaScript验证不起作用
- JAVASCRIPT验证表单中的日期
- javascript验证编号未检测到空表单字段
- 通过Javascript验证PHP变量
- Javascript验证(gen_validatorv4.js)-基于复选框结果
- 基于lur的Javascript验证
- 想要使用 JavaScript 验证用户名和密码
- 使用javascript验证Ajax组合框
- 使用javascript验证电话号码无效
- 计算器的Javascript验证
- 时间字段上的JavaScript验证(不接受0:00格式)
- 如何使用javascript验证表单中的数据,然后调用php页面
- 使用JavaScript验证用户交互/输入-这是一种很好的方法
- Javascript验证:页面仍在提交
- 如何使用JavaScript验证下拉菜单
- 使用javascript验证只有一个特殊字符的字符串
- 编辑图像字段javascript验证空白图像不插入
- asp.net mvc中的javascript验证不适用于登录表单