验证 jquery datepicker

Question

我正在寻找如何验证用户是否选择了日期。如果他没有选择日期表格日期选择器，则应通知他选择日期。 我正在使用 jQuery 日期选择器。我正在使用的脚本是

 <script>


 $(function() {
    $( "#inputdate2" ).datepicker({ dateFormat: 'yy-mm-dd' });
  });
  </script>

在html中

 <p id="date2">
Date From:<input type="text" name="datefrom" id="inputdate2" readonly="readonly" ></p>

Answer 1

编辑： 您可以按照我的代码如下： HTML

Date From : <input type="text" name="datefrom" id="inputdate2" required>
<button type="button" id="btn"> Submit </button>

JS

 $(function() {
 $("#inputdate2").datepicker({ dateFormat: 'yy-mm-dd' });

 $("#btn").on('click', function(){
    if($("#inputdate2").val() == '')
    {
        alert("Please Select Date First!");
    }
 });

});

你可以从 JSFiddle 查看我的结果 --> http://jsfiddle.net/4e1radwm/1/

更新：

这是针对@babar 场景的：

场景是我有两个日期选择器。输入日期 1 和输入日期 2。如果我将这个函数，即 firstCheck() 添加到两个日期脚本中，那么如果我没有输入日期，我将收到两次通知以输入日期。我只想收到一次通知

HTML

Date From : <input type="text" name="datefrom" id="inputdate1" required> 
To : <input type="text" name="dateto" id="inputdate2" required>
    <button type="button" id="btn"> Submit </button>

JS

$(function() {

     $("#inputdate1").datepicker({ dateFormat: 'yy-mm-dd' });
     $("#inputdate2").datepicker({ dateFormat: 'yy-mm-dd' }); 

     $("#btn").on('click', function(){
        if($("#inputdate1").val() == '' || $("#inputdate2").val() == '')
        {
            alert("Please Select Date First!");
        }
     });
});

你可以从 JSFiddle 查看我的结果 --> http://jsfiddle.net/fjj20euw/

希望我的回答对你有帮助！

Answer 2

$("#inputdate").val() 如果没有值将返回 false，因此将非运算符“！”在它前面，您可以检查是否输入了一个值（如果您不希望用户手动将随机数据插入到您的输入中，请在输入上设置属性readonly="readonly"。

我目前使用通用名称 submitbutton 和 click 功能，将其替换为您的或您拥有的按钮。

至于return false或e.preventDefault()，当字段为空时，会阻止你的表单提交

$('#submitbutton').click(function(e){
   if(!$("#inputdate2").val()){
       alert("you didn't pick a date");
       return false; // might not work if it doesn't use e.preventDefault();
   }
});