Question

通过jQuery，我想找到一种方法来禁用输入，如果EMPTY点击下面的按钮那么。

这是输入：

<input type="text" min="0" id="toolset-maps-distance-center" name="toolset_maps_distance_center" class="form-control js-toolset-maps-distance-center js-wpv-filter-trigger" value="" required="" placeholder="Inserisci una posizione" autocomplete="off">

这是按钮：

<button type="submit" class="wpv-submit-trigger js-wpv-submit-trigger btn">Recherche</button>

这是我的jQuery：

jQuery('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function(){
  jQuery('#toolset-maps-distance-center').prop('disabled', true);
});

控制台中的结果是：

未捕获的SyntaxError：无效或意外的令牌

Answer 1

$('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function() {
    //check if input is empty
    var ifInputIsEmpty = $('#toolset-maps-distance-center').val() === '';
    //set disabled attribute according to ifInputIsEmpty
    $('#toolset-maps-distance-center').prop('disabled', ifInputIsEmpty);
});

Answer 2

请试试这个。检查输入字段的值，如果它是空的，只需将其禁用即可。

jQuery('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function(){
  var inputValue=jQuery('#toolset-maps-distance-center').val();
    if(!inputValue)
    {        
      jQuery('#toolset-maps-distance-center').attr('disabled','true');
    }
});

Answer 3

试试这段代码

检查input条件

中的if值

if ($('#toolset-maps-distance-center').val() == '')

jQuery('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function() {
  if ($('#toolset-maps-distance-center').val() == '') {
    jQuery('#toolset-maps-distance-center').prop('disabled', true);
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" min="0" id="toolset-maps-distance-center" name="toolset_maps_distance_center" class="form-control js-toolset-maps-distance-center js-wpv-filter-trigger" value="" required="" placeholder="Inserisci una posizione" autocomplete="off">
<button type="submit" class="wpv-submit-trigger js-wpv-submit-trigger btn">Recherche</button>

Answer 4

据我了解，您希望在输入为空时禁用提交按钮。为此尝试这个：

＆＃13;

if ($.trim($('.kind').val()).length === 0){
  $('.kind').prop('disabled', true);
}

＆＃13;

<input class="kind" id="name" name="name" type="text" placeholder="Kind">

    <button class="submit" >Submit</button>

＆＃13;

单击jquery时禁用输入

4 个答案: