Автозаполнение поля в форме в зависимости от формулы и предыдущего ввода поля - PullRequest
0 голосов
/ 06 декабря 2018

Мне нужна помощь с автоматическим заполнением 2 полей в форме на основе ввода предыдущих полей в этой форме от пользователя, все из которых основаны на формуле.Все мое веб-приложение работает, только эта функциональность сбивает меня с толку, и я не знаю, как ее решить.Пожалуйста, прости меня, если это довольно простой / очевидный подход.

Модуль формулы и ценообразования

Другие инструкции

models.py

rout.py: только показывает, что конкретный маршрут формы

forms.py: показывает только форму котировки

requestAQuote.html

{% extends "template.html" %}
{% block content %}
    <div class="content-section">
        <form method="POST" action="">
            {{ form.hidden_tag() }}
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">Request a Quote today!</legend>
                <div class="form-group">
                    {{ form.gallons_requested.label(class="form-control-label") }}
                    {% if form.gallons_requested.errors %}
                        {{ form.gallons_requested(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.gallons_requested.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.gallons_requested(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.delivery_date.label(class="form-control-label") }}
                    {% if form.delivery_date.errors %}
                        {{ form.delivery_date(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.delivery_date.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.delivery_date(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.request_date.label(class="form-control-label") }}
                    {% if form.request_date.errors %}
                        {{ form.request_date(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.request_date.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.request_date(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.delivery_location.label(class="form-control-label") }}
                    {% if form.delivery_location.errors %}
                        {{ form.delivery_location(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.delivery_location.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.delivery_location(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.delivery_contact_name.label(class="form-control-label") }}
                    {% if form.delivery_contact_name.errors %}
                        {{ form.delivery_contact_name(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.delivery_contact_name.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.delivery_contact_name(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.delivery_contact_phone.label(class="form-control-label") }}
                    {% if form.delivery_contact_phone.errors %}
                        {{ form.delivery_contact_phone(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.delivery_contact_phone.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.delivery_contact_phone(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.delivery_contact_email.label(class="form-control-label") }}
                    {% if form.delivery_contact_email.errors %}
                        {{ form.delivery_contact_email(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.delivery_contact_email.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.delivery_contact_email(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.suggested_price.label(class="form-control-label") }}
                    {% if form.suggested_price.errors %}
                        {{ form.suggested_price(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.suggested_price.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.suggested_price(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
                <div class="form-group">
                    {{ form.total_amount_due.label(class="form-control-label") }}
                    {% if form.total_amount_due.errors %}
                        {{ form.total_amount_due(class="form-control form-control-lg is-invalid") }}
                        <div class="invalid-feedback">
                            {% for error in form.total_amount_due.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.total_amount_due(class="form-control form-control-lg") }}
                    {% endif %}
                </div>
            </fieldset>
            <div class="form-group">
                {{ form.get_price(class="btn btn-outline-info") }}
            </div>
            <div class="form-group">
                {{ form.submit(class="btn btn-outline-info") }}
            </div>
        </form>
    </div>
{% endblock content %}

1 Ответ

0 голосов
/ 06 декабря 2018

Вы можете добавить некоторый код JavaScript, чтобы автоматически заполнить его на основе вашего другого поля.пожалуйста, обратитесь к этому Автозаполнение поля на основе того, что было введено в другое поле одновременно

...