입력 필드 열 아래로 포커스를 자동으로 이동하는 jQuery 스크립트가 있습니다.
<script>
$(".input").keyup(function() {
if (this.value.length > 0) {
$('.input').eq($('.input').index(this) + 1).focus();
}
});
</script>
이 간단한 HTML과 함께 작동합니다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="split4">
<input type="tell" class="input" maxlength="1">
</div>
<div class="split4">
<input type="tell" class="input" maxlength="1">
</div>
<h4>text</h4>
<div class="split4">
<input type="tell" class="input" maxlength="1">
</div>
<div class="split4">
<input type="tell" class="input" maxlength="1">
</div>
그러나 WTForms로 렌더링 된 양식에 적용하려고하는데 작동하지 않습니다.
<form action="" method="post" novalidate>
<div style="text-align: center">
<h3>
{{ render_field(form.star, class="input", required=true, size=55, autofocus=true) }}
</h3> <br>
<h3>
{{ render_field(form.serial, class="input", required=true, size=55) }}
</h3> <br>
<h3>
{{ render_field(form.weight, class="input", required=true, size=55, onchange="submit()") }}
</h3> <br>
</div>
</form>
나는 우연히 이 대답 하지만 그것을 구현하는 방법을 이해하지 않습니다. 내 로컬 데이터베이스에 추가 할 수 있도록 HTML 양식 입력을 Flask와 연결하는 더 간단한 방법이 있다면 저에게도 알려주세요.
감사합니다!
결과적으로 스크립트는 양식과 동일한 블록 콘텐츠 내에 있어야합니다. 이제 모든 것이 작동합니다!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다