내 JSP 양식 페이지에서 내가하려는 것은 양식이 채워질 때 텍스트 버튼을 변경하는 것입니다. 다음은 HTML 코드입니다.
<form:form id="requestForm" method="get" name="myForm" modelAttribute="quickstartbean" ACTION="${pageContext.request.contextPath}/quickstart/questions">
<form:input type="text" path="fName" value="${quickstartbean.fName}" id="fname" name="fname" />
<input type="submit" value="Skip and Continue" id="save_btn" style="background-color: #98FB98;"></input>
</form:form>
여기 내 자바 스크립트입니다
(function() {
$('form>input').keyup(function() {
var empty = false;
$('form>input').each(function() {
if ($(this).val() == '') {
empty = true;
}
});
if (empty) {
$('#save_btn').attr('value', 'Skip and Continue" />');
} else {
$('#save_btn').attr('value','Save and Continue" />');
}
});
})()
하지만 텍스트 필드를 채운 후에도 버튼의 값이 변경되지 않습니다.
div 태그에 클래스 추가
<form:form id="requestForm" method="get" name="myForm" modelAttribute="quickstartbean" ACTION="${pageContext.request.contextPath}/quickstart/questions">
<div class="textbox">
<form:input type="text" path="fName" value="${quickstartbean.fName}" id="fname" name="fname" />
</div>
<input type="submit" value="Skip and Continue" id="save_btn" style="background-color: #98FB98;"></input>
</form:form>
jquery 코드
(function() {
$('.textbox').keyup(function() {
var empty = false;
$('textbox').each(function() {
if ($(this).val() == '') {
empty = true;
}
});
if (empty) {
$('#save_btn').attr('value', 'Skip and Continue');
} else {
$('#save_btn').attr('value','Save and Continue');
}
});
})()
이제 작동합니다
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다