javascript - 选择 FromDate 和 ToDate 时启用提交按钮

Question

我想在选择 FromDate 和 ToDate 时启用提交按钮。

在我的案例中，所有表单都已填满以启用提交按钮。

 $('#myform > input').on('input', function() {
   var empty = false;
   $('form > input, form > select').each(function() {
     if ($(this).val() == '') {
       empty = true;
     }
   });

   if (empty) {
     $('#register').attr('disabled', 'disabled');
   } else {
     $('#register').removeAttr('disabled');
   }
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myform">
  Name
  <input type="text" id="" name="name" />
  <br/>
  <br/>From Date
  <input type="date" name="fdate" />
  <br/>
  <br/>To Date
  <input type="date" name="fdate" />
  <br/>
  <br/>

  <input type="submit" id="register" value="Register" disabled="disabled" />
</form>

我的要求是选择 FromDate 和 ToDate 时提交按钮应该启用。

Answer 1

$('#myform > input').on('input', function () {
        var empty = false;
        $('form > input[type=date], form > select').each(function () {
            if ($(this).val() == '') {
                empty = true;
            }
        });
        if (empty) {
            $('#register').attr('disabled', 'disabled');
        } else {
            $('#register').removeAttr('disabled');
        }
    });

<form id="myform">
Name
<input type="text" id="" name="name" /><br/><br/>

From Date
<input type="date"  name="fdate1" /><br/><br/>
To Date
<input type="date"  name="fdate2" /><br/><br/>

<input type="submit" id="register" value="Register" disabled="disabled" />
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>></script>

这很好用 ;)，你的代码很好，但是 $("form > input") 会检查每个输入的日期和名字 ;)