특정 입력을 컴파일 할 때 버튼 표시

Question

특정 입력을 컴파일 할 때까지 버튼 (id가 "next"인 div 태그 내부)을 숨기려고합니다.

jquery로 가능합니까?

여기 내 코드입니다 :이 jQuery 코드를 시도했습니다

<input id="name" type="text" name="name" /> 
<input type="text" name="phone" placeholder="Phone" /> 
<div id="next1"> 
    <input type="button" name="next" class="next action-button" value="Next" /> 
</div> 

,하지만 난 이름 입력을 컴파일 한 경우, 다음 버튼은 표시되지 않습니다!

if(!$('input[name=name]').val()){ 
    $('#next1').hide(); 
} 
else { 
    $('#next1').show(); 
} 

어떻게해야합니까?

감사

Answer 1

하여 입력 값을 확인할 수 있습니다

$("input[name=name]").on("input",function(){ 

을 넣어. 이렇게하려면 이벤트 처리기 내에서 코드를 실행할 수 있습니다. toggle() 방법을 사용하여 단순화 할 수도 있습니다. 이 시도 : 당신은 내가 이런 짓을 특정 입력을 언급 한 바와 같이 사용자가 입력 한 경우 희망 안녕하세요

버튼을 표시하거나되지 않습니다에 대한

$('#name').keyup(function() { 
 
    $('#next1').toggle(this.value != ''); 
 
});

#next1 { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="name" type="text" name="name" /> 
 
<input type="text" name="phone" placeholder="Phone" /> 
 
<div id="next1"> 
 
    <input type="button" name="next" class="next action-button" value="Next" /> 
 
</div>

Answer 2

는 당신이 사용자 유형으로 값을 확인해야이를 달성하기 위해

$(this).val() 

Answer 3

안녕하세요 아래 코드를 사용해보십시오 도움이 ...

$(".fname").keyup(function (e) { 
 
    if ($(this).val() == 'Hello') { 
 
     $(".fname").not(this).attr('disabled', 'disabled'); 
 
     $(this).next(".test").show(); 
 
    } else { 
 
     $(".fname").removeAttr('disabled'); 
 
     $(this).next(".test").hide(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="fname" class="fname"> 
 
      <input type="button" class="test" name="test" value="Hello!" style="display: none">