Проверьте, имеет ли вход определенное значение

Question

Я использую Jquery, чтобы проверить, имеет ли вход определенное значение, и если оно имеет это значение, оно активирует кнопку отправки. Проблема в том, что я установил значение 4, но если введен 44 (или что-то, начинающееся с 4), он все же включает кнопку. Также один раз вводится 4, его можно изменить на что угодно, и кнопка остается включенной.

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

Jquery

$(document).ready(function() { 
    $('#check').keyup(function() { 
     if($(this).val() === '4') { 
      $('.submit').removeAttr('disabled'); 
     } 
    }); 
}); 

HTML

<input id="check" type="text" name="check" /> 

<input type="submit" name="submit" class="submit" disabled="disabled"> 

Answer 1

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

$('#check').change(function() { 
    if($(this).val() === '4') { 
     $('.submit').removeAttr('disabled'); 
    } 
    else $('.submit').attr('disabled', 'disabled'); 
}); 

в том, что вам нужно повторно отключить кнопки отправки, если вы хотите так, когда значение не 4.

еще лучше, вместо

$('.submit').attr('disabled', 'disabled'); 

можно/нужно использовать

$('.submit').prop('disabled', true); 

поэтому обработчик становится

$('#check').change(function() { 
    if($(this).val() === '4') { 
     $('.submit').removeAttr('disabled'); 
    } 
    else $('.submit').prop('disabled', true); 
}); 

Answer 2

Сво происходит потому, что вы кнопка не отключив если значение не 4.

$('#check').keyup(function() { 
    if($(this).val() === '4') { 
     $('.submit').removeAttr('disabled'); 
    } 
    else{ 
     $('.submit').attr('disabled','disabled'); 
    } 
}); 

Answer 3

Просто добавьте еще, что отключающий это :)

$(document).ready(function() { 
    $('#check').keyup(function() { 
     if($(this).val() === '4') { 
      $('.submit').removeAttr('disabled'); 
     } else { 
      $('.submit').prop('disabled', true); 
     } 
    }); 
}); 

Answer 4

Вы должны redisable его.

$(document).ready(function() { 
    $('#check').change(function() { 
     if($(this).val() === '4') { 
      $('.submit').removeAttr('disabled'); 
     }else{ 
      $('.submit').prop('disabled'); 
     } 
}); 

Answer 5

Использование:

$('#check').keyup(function() { 
    $('.submit').prop('disabled', $(this).val() !== '4'); 
}); 

jsFiddle example