Создание проверки формы в Bootstrap (без плагина)

Question

Мне не обязательно нужен полный плагин jQuery для обработки типов проверок, которые я ищу здесь. А именно, я просто хочу оставить один ввод формы отключенным, пока целые числа не будут введены в два других, которые затем разблокируют его. Это цикл if, который я использую для достижения этого.

if ($("#q") && $("#target") === ''){ 
    $('#read_return_response_rate_ids').attr('disabled', 'disabled') 
} else { 
    $('#read_return_response_rate_ids').attr('disabled', '') 
} 

Bootstrap имеет эту изящную селектор разметки под названием «отключено», где, если вы установите его в положение «отключено», это будет на самом деле отключить формы ввода. Я не уверен, что установка запрещенного поля формы в пустую строку инвертирует это, так что это тоже часть проблемы. Я не могу найти ничего, что указывало бы на противоположность отключенного метода в Google, поэтому я не уверен, есть ли обратный атрибут «disabled».

Честно говоря, я чувствую, что упускаю что-то незначительное и буду ядерным лицом, когда ответ будет раскрыт мне. Спасибо заранее тем, кто действительно помогает.

Answer 1

Это то, что я придумал:

$(document).keyup(function() { 
    if ((isNaN($('#num1').val()) == false && $('#num1').val().length > 0) && (isNaN($('#num2').val()) == false && $('#num2').val().length > 0)) { 
     $('#num3').removeAttr('disabled'); 
    } else { 
     $('#num3').attr('disabled','disabled'); 
    } 
}); 

Here is the JSFiddle demo

3-текстовое поле позволяет только тогда, когда первые два Textboxes содержат номера.

И просто указывая, атрибут disabled является атрибутом HTML5, а не конкретный атрибут Bootstrap :)

Answer 2

Я использую это:

$('#read_return_response_rate_ids').removeAttr('disabled');

и ваш код будет выглядеть (обновление для регулярного выражения /^\d+$/.test(val) для проверки, если введены только номера):