Question

我有一个输入日期字段和一个按钮，我想在输入日期字段中有值时使该按钮启用。如何使用JavaScript或jQuery

Answer 1

使用val()检查输入是否有价值。希望对您有帮助

function check(val)
{
    var btn  = $('.submit')
    if(val)
    {
      btn.removeAttr("disabled");
    }
    else
      btn.attr("disabled", "disabled");
}


$('.date').change(function(e){  // change button disabled property if user provides input        
    check($(this).val());
})

check($('.date').val());       // Function to check input has value

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<input class="date" type="date">
<button class="submit">Submit</button>

Answer 2

您可以使用jquery函数.on()

$(document).ready(function(){
  $("input[name='date']").on("change", function(){
    if($(this).val() != "")
      $("input[name='submit']").removeAttr("disabled");
    else
      $("input[name='submit']").attr("disabled", "disabled");
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input type="text" name="date" />
  <input type="button" name="submit" disabled="disabled" value="submit"/>

</form>

在这里，我最初设置属性disabled，然后在有输入且不是空输入时将其删除。如果为空，请重新添加该属性。

输入日期字段中有值时如何启用按钮

2 个答案: