간단한 양식 유효성 검사가 작동하도록 스택에 대한 몇 가지 게시물을 살펴 보았지만 제출 버튼이 비활성화되어 있습니다. 입력 필드에 텍스트를 입력하면 비활성화를 제거하기위한 것입니다.
지금까지
Jquery
$('input:submit').attr('disabled',true);
$('input').change(function(){
if($('input').val() != ''){
$('input:submit').attr('disabled',true);
} else {
$('input:submit').removeAttr('disabled');
});
HTML
<form action="send.php" method="post">
<input id="name" name="name" type="text" required placeholder="Name"/>
<input id="email" name="email" type="email" required placeholder="Enter a valid email address"/>
<input name="submit" id="subscribe" type="submit" value="Subscribe for free"/>
</form>
필요한 모든 필드에 추가 된 클래스를 사용하여 모든 입력을 찾아야합니다. 사용자가 그중 하나를 변경했는데 여전히 입력이 없으면 버튼이 비활성화 된 상태로 유지됩니다.
jQuery :
$('input.required').change(function(){
if($(this).val() != ''){
$(this).removeClass('required',true);
}else{
$(this).addClass('required',true);
}
//check the length to enable or disable submit
if($(".required").length == 0){
$('#subscribe').attr('disabled',false);
}else{
$('#subscribe').attr('disabled',true);
}
});
html :
<form action="send.php" method="post">
<input id="name" name="name" type="text" class="required" placeholder="Name" />
<input id="email" name="email" type="email" class="required" placeholder="Enter a valid email address" />
<input name="submit" id="subscribe" type="submit" value="Subscribe for free" />
</form>
여기에 바이올린이 있습니다.
그러나이 솔루션은 javascript가 활성화 된 경우에만 작동합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다