입력 텍스트 필드가 비어있을 때 버튼을 비활성화하려고합니다.

Question

입력 텍스트 필드와 버튼이 있습니다. 텍스트 필드가 비어 있으면 버튼이 비활성화되어야합니다. 필드가 채워지면 버튼이 활성화되어야합니다. 나는 다음 코드로 시도했지만 제대로 작동하지 않는다!

$(document).ready(function(){ 
$("#wmclrsrch").attr("disabled", "disabled"); 

if ($('#search_number').is(":empty")) { 
    alert ("verdadeiro"); 
    $("#wmclrsrch").attr("disabled", true); 
} 
$('#wmsearch').click(function(){ 
    $("#wmclrsrch").attr("disabled", false); 
    $("#wmclrsrch").attr("enabled", true); 
}); 

});

HTML은 다음과 같습니다 keyup 이벤트를 사용하여 사전에

<form id="form"> 
    <label for="search_number">Mobile Number:</label> 
    <input id="search_number" type="text" /> 
    <button id="wmclrsrch">Clear Search</button> 
</form> 

감사합니다,

Answer 1

확인 입력 텍스트 :

$('#search_number').keyup(function(){ 
    if($(this).val() != '') 
    { 
     //Eneable your button here 
    } 
    else 
    { 
     //Disable your button here 
    } 
}); 

Answer 2

당신은 keyup 이벤트를 듣고 prop 방법을 사용할 수 있습니다.

$(document).ready(function(){ 
    $('#search_number').keyup(function(){ 
     $("#wmclrsrch").prop("disabled", !this.value.length);  
    }).keyup(); 
}); 

Answer 3

는 다음과 같은 스크립트를 시도 할 수 있습니다 :

<script> 
/* 
* 
* A tiny jQuery plugin that could control the button's state 
* 
* code from https://github.com/jvyyuie/snbutton 
* 
*/ 
var SNButton = { 
    init: function(e) { 
     var snnode = "#"+$("#"+e).data("snnode"); 
     $("#"+e).attr("disabled", ""==$(snnode).val()); 
     $(snnode).on('input propertychange', function() { 
      $("#"+e).attr("disabled", ""==$(snnode).val()); 
     }); 
    } 
} 
</script> 

<input id="textinput" /> 
<button id="btn" data-snnode="textinput">Button</button> 

<script> 
SNButton.init("btn"); 
</script> 

그것은 제기 몇 가지 입력이 비어있을 때 버튼을 비활성화 아주 간단한 jQuery 플러그인이다.