Python somo la 48: Jinsi ya Kutumia JavaScript kwenye Fomu za Django

Katika somo hili tutakwend akujifunza kuhusi Jinsi ya Kutumia JavaScript kwenye Fomu za Django

πŸ”° Lengo la Somo

Katika somo hili, utajifunza:


 

πŸ“ŒKutumia JavaScript Katika Django Template

Ufafanuzi

Templates za Django hutoa HTML kwa mtumiaji, na ndani ya HTML unaweza kutumia JavaScript kwa njia mbili:

  1. Moja kwa moja kwenye template:

<script>
  alert("Karibu kwenye fomu yetu!");
</script>

  1. Kupitia static file:
    Unapaswa kuwa umeweka form.js ndani ya static/js/ ya app yako.

{% load static %}
<script src="{% static 'js/form.js' %}"></script>

Hii inasaidia kutenganisha HTML na JavaScript kwa ufanisi zaidi.


 

βœ… 2: Ku-Validate Fomu kwa JavaScript

Ufafanuzi

Validation ya JavaScript husaidia kuzuia data isiyo sahihi kutumwa kwa server. Hii huitwa client-side validation.

<form onsubmit="return validateForm()" method="post">
  {% csrf_token %}
  <label>Jina:</label>
  <input type="text" id="jina" name="jina"><br><br>
  
  <label>Ujumbe:</label>
  <textarea id="ujumbe" name="ujumbe"></textarea><br><br>
  
  <input type="submit" value="Tuma">
</form>

<script>
function validateForm() {
  let jina = document.getElementById("jina").value.trim();
  let ujumbe = document.getElementById("ujumbe").value.trim();

  if (jina === "" || ujumbe === "") {
    alert("Tafadhali jaza jina na ujumbe.");
    return false; // Zuia form isitume
  }

  return true; // Ruhusu kutuma
}
</script>

⚠️ Django bado itafanya validation upande wa server kupitia views.py, kwa usalama zaidi. 


 

πŸ’‘ Kuonyesha Taarifa Bila Kutuma (Preview)

Ufafanuzi

Mtumiaji anaweza kuona alichoandika kabla hajabonyeza Tuma:

<form id="formu">
  <label>Jina:</label>
  <input type="text" id="jina" name="jina"><br><br>
  
  <label>Ujumbe:</label>
  <textarea id="ujumbe" name="ujumbe"></textarea><br><br>
  
  <button type="button" onclick="previewData()">Angalia Taarifa</button>
  <input type="submit" value="Tuma">
</form>

<div id="preview">&l">
...

Jiunge nasi WhatsApp kupata update zetu

Zoezi la Maswali

help_outlineZoezi la Maswali

info Jaza maswali yote au baadhi kisha bofya kitufe cha kutuma majibu hapo chini.
1 Kazi ya request.POST.get('jina') ni ipi?
2 Ni ipi kati ya hizi ni sababu ya kutumia {% csrf_token %}?
3 Lengo kuu la client-side validation ni nini?
4 Ni sehemu gani JavaScript inaweza kuwekwa kwenye template ya Django?
5 Kwa nini bado tunahitaji validation upande wa Django hata kama tumetumia JavaScript?

Nyuma Endelea


Umeionaje Makala hii.. ?

Nzuri            Mbaya            Save
Author: Rajabu image Tarehe: 1970-01-01 03:33:45 Topic: Python Main: ICT File: Download PDF Views 498

Share On:

Facebook WhatsApp
Sponsored links
πŸ‘‰1 Simulizi za Hadithi Audio    πŸ‘‰2 Tafasiri ya Riyadh Swalihina    πŸ‘‰3 Dua za Mitume na Manabii    πŸ‘‰4 Madrasa kiganjani    πŸ‘‰5 Kitau cha Fiqh    πŸ‘‰6 Bongolite - Game zone - Play free game   

Post zinazofanana:

Python somo la 38: Kubadilisha landing page ya Django Framework

Katika somo hili utakwenda kujifunza jinsi ya kubadili ukurasa wa landing page wa Django na kuweka ukurasa tunaoutaka sisi.

Soma Zaidi...
Python somo la 16: Jinsi ya kutumia break na continue kwenye loop

Katika somo hili tunakwenda kujifunza matumizi ya break na continue kwenye loop

Soma Zaidi...
Python somo la 45: Kutumia Loops na Conditions katika Django Templates

Katika somo hili utakwend akujifunza kuchakata data kwa Kutumia Loops na Conditions katika Django Templates

Soma Zaidi...
PYTHON - somo la 2: Sheria za uandishi wa pyhton yaani syntax za python

Katika somo hili utakwenda kujifunza syntaxy za python yaani sheria na kanuni za kuandika code za python

Soma Zaidi...
Python somo la 13: Kutumia condition statement - if, else, elif

Katika somo hili tutakwend akuziona aina za condition statement kwneye python na jinsi ya kuzitumia

Soma Zaidi...
Python somo la 33: Jinsi ya kupata taarifa za faili

Katika somo hili utakwend akujifunz anamna ya kuwez akupata taarifa zinazohusu faili

Soma Zaidi...
Python somo la 42: Template tag

Katika somo hili utakwenda kujifunza kuhsu Template Tag nini na kazi zake. Pia utajifunza sheria za uandishi wake.

Soma Zaidi...
Python somo la 40: Jinsi ya Kuunda Simple Navigation Menu Katika Django

Katika somo hili utajifunza Jinsi ya Kuunda Simple Navigation Menu Katika Django kwa kutumia template

Soma Zaidi...
Python somo la 23: Library kwenye python

Hapa utajifunza maana ya library, kazi zake aina zake na jinsi ya ku install lirary

Soma Zaidi...
Python somo la 32: Jinsi ya kusoma mafaili

Katika somo hili utakwenda kujifunz ajinsi ya kusoma mafaili na mitindo mbalimbali ya kusoma data

Soma Zaidi...