js air-datepicker 輸入和必需的不起作用

Question

我使用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>

Answer 1

為了不讓 go 過多地考慮為什么會發生這種情況，因為我不使用該日期選擇器，為什么您根本不使用 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>