2013-09-21 2 views
1

텍스트 상자와 선택 사항 상자가 있는지 확인한 다음 "제출"버튼을 활성화해야합니다. 텍스트 상자가 비어 있고 선택 옵션 상자가 none이면 "제출"버튼을 사용할 수 없습니다. 그렇게하는 방법..Jquery .change 및 .focusout 함수를 함께 사용하십시오.

$("#textbox1, #textbox2").focusout(function(){ 
    if($("#textbox1").val()!="" 
    && $("#textbox1").val()!=""){ 
     $("#submit").prop('disabled', false); 
    }else{ 
     $("#submit").prop('disabled', true); 
    } 
}); 

이 코드는 잘 작동하지만,이 텍스트 상자가 비어 있지 및 선택 옵션 상자가 제출 버튼이 그 작업을 수행하는 방법을 사용하도록 설정해야합니다 아무도하지 않을 때 내가해야합니까?

답변

0

시도 :

$(document).ready(function(){ 
$("#textbox1, #textbox2, #select1").focusout(function(){ 
    if($("#textbox1").val()!="" 
    && $("#textbox2").val()!="" && $("#select1 option:selected").text()!="none"){ 
     $("#submit").prop('disabled', false); 
    }else{ 
     $("#submit").prop('disabled', true); 
    } 
}); 
}); 

DEMO FIDDLE

+1

감사합니다. –

+1

@KrishKaine 아래 답변 중 하나가 문제를 해결하면 [수락하고 upvote] (http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work). – Unknown

0

는 생을 시도 어쨌든 당신은 또한 당신의 HTML을 게시해야합니다 원 -

$("#textbox1, #textbox2").focusout(function(){ 
if($("#textbox1").val()!="" && $("#textbox1").val()!="") 
{ 
    if($('#checkbox:checked')==true) 
    $("#submit").prop('disabled', false); 
} 
else 
{ 
    $("#submit").prop('disabled', true); 
} 
}); 
0

이 ...

시도 s :

$("#textbox1, #textbox2, #select").focusout(function() { 
    $("#textbox1, #textbox2, #select").each(function() { 
     if (this.value != '') { 
      $("#submit").prop('disabled', true); 
      return false; 
     } 
    }); 
    $("#submit").prop('disabled', false); 
}); 
관련 문제