텍스트 필드 값을 기반으로 jQuery를 사용하여 제출 버튼을 비활성화 및 활성화하는 방법은 무엇입니까?

jQuery로 제출 버튼 비활성화 및 활성화

텍스트 필드 값에 따라 제출 버튼의 활성화/비활성화 상태를 제어하려면 다음 jQuery를 사용하세요. 코드를 구현할 수 있습니다:

$(document).ready(function() {</p>
<pre class="brush:php;toolbar:false"> $(':input[type="submit"]').prop('disabled', true);
 $('input[type="text"]').keyup(function() {
    if($(this).val() != '') {
       $(':input[type="submit"]').prop('disabled', false);
    }
    else {
       $(':input[type="submit"]').prop('disabled', true);
    }
 });

});

이 코드는 다음을 수행합니다.

• 처음에 제출 버튼을 비활성화합니다.
• 텍스트 필드에서 키업 이벤트를 수신합니다.
• 키를 놓을 때
• 텍스트 필드가 비어 있지 않으면 제출 버튼이 활성화됩니다.
• 텍스트 필드가 비어 있으면 제출 버튼이 비활성화됩니다.

따라서 텍스트 필드에 값이 포함될 때까지 제출 버튼은 비활성화된 상태로 유지됩니다. 값을 입력하면 제출 버튼이 활성화되어 양식을 제출할 수 있습니다. 나중에 텍스트 필드의 값을 삭제하면 제출 버튼이 다시 비활성화되어 양식 제출이 불가능해집니다.

위 내용은 텍스트 필드 값을 기반으로 jQuery를 사용하여 제출 버튼을 비활성화 및 활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!