已解决检查放置在输入类型=“日期”中的日期

Question

我有一个模态窗口，其表单包含三个输入字段：select2类型的必填字段（id =“myArea”），data类型的可选字段（id =“myDate”）和text 类型的可选字段 (id="code")，以及用于提交的按钮 (id="btnsearch")。

data类型字段中的日期格式为dd/mm/yyyy。如果我选择一个日期，即 14/05/2024，然后删除一些部分（留下日期不完整），我希望在单击按钮时，会在字段，如果我将该字段留空，则不会出现任何内容。 不幸的是，似乎空白或不完整的日期或错误的格式（例如

dd/mm/2024

或2024或dd/05/2024等）都以相同的方式处理，就好像日期是空的一样。 有没有一种方法，使用 jQuery，以不同的方式处理空日期和不完整或格式错误的情况？

作为进一步的信息，我无法将该字段更改为 type="text" 并使用日期选择器库。

谢谢大家给我一些有用的提示！

Answer 1

validity.badInput

以检查输入是否完全为空或有输入但其“错误输入”，例如

dd/05/2024

$('#submit').on('click', function(){
  $input = $('#date');
  if ($input.val() == ""){
    if ($input[0].validity.badInput) {
      console.log("INPUT NOT EMPTY BUT INVALID!!!")
    }
    else {
      console.log("INPUT COMPLETELY EMPTY")
    }
  }
  else {
    console.log("INPUT VALID: " + $input.val() ) 
  }
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>


<input type="date" id="date">
<input type="submit" id="submit">