Cómo mostrar la ventana emergente "Éxito" o "Error" después de hacer clic en el botón de actualización en el que es un modal

Glaive de Asmodeo

Estoy trabajando en este proyecto de registro de empleados y no estoy exactamente seguro de cómo implementar este en django.

¿Cómo puedo mostrar un cuadro emergente o un cuadro modal pequeño como "Éxito" o "Error" después de hacer clic en el botón de actualización? Sería un éxito si hubieran introducido todos los detalles necesarios sobre el modal. Y error si olvidaron ingresar algunos detalles.

Aquí está el views.py

def save_employee_update(request):
print(request.POST)

emp_id = request.POST['employee_id']
fname = request.POST['first_name']
midname = request.POST['middle_name']
lname = request.POST['last_name']
pr_address = request.POST['present_address']
pm_address = request.POST['permanent_address']
zcode = request.POST['zipcode']
bday = request.POST['birthday']
email = request.POST['email_address']
pagibig = request.POST['pagibig_id']
sss = request.POST['sss_id']
tin = request.POST['tin_id']
sg_pr_id = request.POST['solo_parental_id']
# rg_sched = request.POST['reg_schedule']
usid = request.POST['userid']
defpass = request.POST['default_pass']
ustype = request.POST['user_type']
# j_title = request.POST['JobTitle']

employee = Employee.objects.get(employee_id=emp_id)

employee.first_name = fname
employee.middle_name = midname
employee.last_name = lname
employee.present_address = pr_address
employee.permanent_address = pm_address
employee.zipcode = zcode
employee.birthday = bday
employee.email_address = email
employee.pagibig_id = pagibig
employee.sss_id = sss
employee.tin_id = tin
employee.solo_parental_id = sg_pr_id
# employee.reg_schedule = rg_sched
employee.userid = usid
employee.default_pass = defpass
employee.user_type = ustype
# employee.JobTitle = j_title

employee.save()

return render(request, 'index.html')

Aquí está el modal

<!-- Modal -->
<div class="modal fade" id="employee.employee_id_{{ employee.employee_id }}" tabindex="-1" role="dialog" style="display: none; overflow: auto;"  aria-hidden="true" data-backdrop="static">

    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="card">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times</span>
                    </button>
                </div>
            <form class="form" id="save_employee_update" name="save_employee_update" method="post" action="/save_employee_update">
                {% csrf_token %}
                <div class="modal-body" style="overflow: auto">
                    <input type="text" class="form-control" name="employee_id" value="{{employee.employee_id}}" hidden>
                    <!----pic---->
                    <div class="text-center">
                        <a href="/">
                            <img src="{% static 'img/faces/marc.jpg' %}"  id="employee_profile_pic" class="avatar" style="border-radius: 50% " alt="..." height="200" width="200" align="top-left"><br><br>
                            <small><input type="file" name="ppFile"  ></small>
                        </a>
                    </div>
                    <br><br>
                    <label style="align: left " class="bmd-label-floating" id="personal_details"><b>Personal Details</b></label>
                    <br><br>
                    <!------pic_end---->
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="form-row">
                                    <div class="col-md-4 mb-3">
                                        <div class="form-group bmd-form-group is-focused">
                                            <label class="bmd-label-floating" >First Name</label>
                                            <input type="text" class="form-control"  required id="first_name" name="first_name" value="{{employee.first_name }}" >
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <div class="form-group bmd-form-group is-focused">
                                            <label class="bmd-label-floating" >Middle Name</label>
                                            <input type="text" class="form-control"  required id="middle_name" name="middle_name" value="{{employee.middle_name }}" >
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <div class="form-group bmd-form-group is-focused">
                                            <label class="bmd-label-floating" >Last Name</label>
                                            <input type="text" class="form-control"  name="last_name" value="{{employee.last_name }}" >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button id="employee_update_btn" type="submit" class="btn btn-success btn-round ">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
   </div>
Dave

Puede utilizar Djangos integrado en "Messages Framework". Entonces, si su lógica de backend determina que es una actualización exitosa, puede hacer algo como

from django.contrib import messages

messages.success(request, "Your password was updated successfully!")

Y en plantilla:

{% if messages %}
 <ul class="messages">
 {% for message in messages %}
  <li class="{{ message.tags }}">{{ message }}</li>
 {% endfor %}
  </ul> {% endif %}`

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

TOP Lista

  1. 1

    ¿Cómo ocultar la aplicación web de los robots de búsqueda? (ASP.NET)

  2. 2

    Pandas의 CSV 파일을 Pandas 데이터 프레임으로 가져 오기

  3. 3

    uitableview delete button image in iOS

  4. 4

    Manera correcta de agregar referencias al proyecto C # de modo que sean compatibles con el control de versiones

  5. 5

    Swift / Firebase : Facebook 사용자가 계정을 만들 때 Firebase 데이터베이스에 제대로 저장하려면 어떻게해야합니까?

  6. 6

    caída condicional de filas desde un marco de datos de pandas

  7. 7

    Link library in Visual Studio, why two different ways?

  8. 8

    Pagination class not getting applied in html

  9. 9

    Que signifie Decimal (-1)?

  10. 10

    UIButton textLabel with different fonts

  11. 11

    WPF pleine largeur DataGridColumn sur la largeur de DataGrid

  12. 12

    Opción de máquina virtual no reconocida 'MaxPermSize = 512m' cuando se ejecuta Zeppelin

  13. 13

    matplotlib로 그래프를 그리는 동안 커서 위치에서 날짜 / 시간을 볼 수 없습니다. "DateFormatter에서 x = 0 값을 찾았습니다"라는 오류가 발생합니다.

  14. 14

    ¿Es posible en Windows evitar que otras aplicaciones se enganchen en las DLL del sistema?

  15. 15

    Error de la base de datos de Android Firebase: Permiso denegado al depurar en un teléfono

  16. 16

    Pandas: suma filas de DataFrame para columnas dadas

  17. 17

    ggplot2: gráfico con líneas y puntos para problemas de leyenda de dos conjuntos de datos

  18. 18

    ¿Cómo especificar el puerto en el que se aloja una aplicación ASP.NET Core?

  19. 19

    Recherche de la position d'index d'une valeur dans r dataframe

  20. 20

    GPU를 사용하여 ffmpeg 필터의 처리 속도를 가속화하는 방법은 무엇입니까?

  21. 21

    nested observables executed one after the other after termination

CalienteEtiquetas

Archivo