javascript - js air-datepicker 输入和必需的不起作用
问题描述
我使用air-datepicker
输入但必需的属性不起作用
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js"></script>
<form>
<input type="text" class="datepicker-here" id="dob" required readonly ></input>
<button type="submit">submit</button>
</form>
解决方案
不要过多解释为什么会发生这种情况,因为我不使用该日期选择器,为什么您根本不使用 JS 创建自己所需的检查?我看到只读正在工作......
document.getElementById("myform").addEventListener("submit", function(event) {
event.preventDefault()
if (document.getElementById("dob").value === "") {
window.alert("Date empty!");
// Create here what you wish, tooltip, alert, css styling, html alert...
} else {
document.getElementById("myform").submit();
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js"></script>
<form id="myform">
<input type="text" class="datepicker-here" id="dob" required readonly>
<button type="submit">submit</button>
</form>
推荐阅读
- powerbi - 如何使 Power BI 只刷新源查询而不是所有子查询?
- javascript - 使用 formio 渲染 iframe
- spring - SpringBoot:在 application.yaml 中动态设置属性
- sql - 在 PostgreSQL / pgAdmin4 中从串行切换到身份数据类型后出现重复列
- flash - WideVineCDM 不工作或 Ruffle Flash 模拟器
- kubernetes - 如何不将 Traefik 端口暴露给互联网?
- java - 过滤 2 个对象然后单击回收站视图上的项目后如何获得正确的结果
- go - 如何使用 sqlx. 从 golang 中的 SQL 存储过程中获取输出参数值?
- vue.js - Vue 3 的玩笑 - ReferenceError:未定义定义
- server - Nextreport exe下载