Question

我正在使用一个rfid扫描仪将两个项目一个接一个地输入到表格，RIN和RFID中。扫描仪输出一个字符串并输入。我想自动聚焦到表单的第一个条目，然后是第二个条目。第一个上的输入按下不会更改页面，因为除非两个字段都已填满，否则它无法提交。如何将焦点放在第一个页面并将焦点转移到第二个？有更好的解决方案吗？

views.py

def take(request):
if request.method == "POST":
    form = TakeForm(request.POST)
    if form.is_valid():
        take = form.save(commit=False)
        take.TA = request.user
        take.Timestamp = timezone.now()
        tool = Tool.objects.get(RFID=take.RFID.RFID)
        if tool.Out == False:
            tool.Out = True
            take.In_or_Out = 'Out'
            tool.Out_with = take.RIN
            tool.Times_used += 1 
            tool.Last_taken_out = timezone.now()
            tool.save()
            take.save()
        else:
            tool.Out = False
            take.In_or_Out = 'In'
            tool.Out_with = None
            tool.Last_taken_in = timezone.now()
            tool.Net_time_out += tool.Last_taken_in - tool.Last_taken_out
            tool.save()
            take.save()
        return redirect('take')
else:
    form = TakeForm()
return render(request, 'info/take.html', {'form': form})

forms.py

class TakeForm(forms.ModelForm):

class Meta:
    model = Take
    fields = ('RFID','RIN')

take.html

{% extends "info/header.html" %}
{% load staticfiles%}
{% block content %}

<script type="text/javascript">
    window.onload = function() {
        document.getElementById("id_RFID").focus();
    };
$(document).on('keydown', ':focusable', function (e) {
    if (e.which == 13) {
        e.preventDefault();
        // Get all focusable elements on the page
        var $canfocus = $(':focusable');
        var index = $canfocus.index(this) + 1;
        if (index >= $canfocus.length) index = 0;
        $canfocus.eq(index).focus();
    }
});

    <h1>Take In or Out</h1>
    <form method="POST" class="post-form">{% csrf_token %}
        {{ form.as_p }}
        <button type="submit" class="save btn btn-default">Save</button>
    </form>
{% endblock %}

如何自动对焦到选定的字段

0 个答案: