Как проверить, отключено ли поле пружинной формы?

Question

Мне нужно знать, отключено ли поле формы пружины или нет.Что я буду делать, чтобы сделать это?

var isDisabled = $('#dateUsed').prop('disabled');
var isDisabled = document.getElementById('dateUsed').disabled;

Я пытался эти коды, чтобы проверить, если он отключен, но возвращает false, даже если он отключен.

Код:

Поле:

<div class="row">
      <div class="col-md-4">
              <div class="form-group">
                      <form:label path="materialUsed.dateUsed">Date Used</form:label> <star id="dateUsedStar" class="hidden" >*</star>
                      <form:input path="materialUsed.dateUsed" type="text" class="form-control datetimepicker" id="dateUsed" disabled="true"/>
              </div>
      </div>
</div>

В моем Javascript:

var isDisabled = $('#dateUsed').prop('disabled');
var isDisabled = document.getElementById('dateUsed').disabled;
alert(isDisabled);

Я ожидаю, что вывод будет истинным, поскольку он отключен в форме.

Answer 1

Я не знаком с форматом HTML, который вы используете.

<form:label path="materialUsed.dateUsed">Date Used</form:label> <star id="dateUsedStar" class="hidden" >*</star>
<form:input path="materialUsed.dateUsed" type="text" class="form-control datetimepicker" id="dateUsed" disabled="true"/>

Я не думаю, что это правильный HTML.

Попробуйте этот HTML

<div class="row">
<div class="col-md-4">
    <form>
        <div class="form-group">
            <label path="materialUsed.dateUsed">Date Used</label> <star id="dateUsedStar" class="hidden" >*</star>
            <input path="materialUsed.dateUsed" type="text" class="form-control datetimepicker" id="dateUsed" disabled="true"/>
        </div>
    </form>
</div>

1011 * JQuery *

$(document).ready(function(){
    var isDisabled = $('#dateUsed').prop('disabled');
    alert(isDisabled);
});

Вот демонстрация https://jsfiddle.net/markou/mo7r5anq/8/

Это работает, и вы получите правду.

Если вы замените этот HTML-код на указанный выше, он станет неопределенным.

Answer 2

Вы можете проверить это, используя "is" метод ;который возвращает логическое значение

$('#dateUsed').is(':disabled');
console.log($('#dateUsed').is(':disabled')) // True

В личной заметке лучше использовать readonly = "true" в полях формы, а не свойство disabled .