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 Kwa nini bado tunahitaji validation upande wa Django hata kama tumetumia JavaScript?
2 Ni sehemu gani JavaScript inaweza kuwekwa kwenye template ya Django?
3 Lengo kuu la client-side validation ni nini?
4 Kazi ya request.POST.get('jina') ni ipi?
5 Ni ipi kati ya hizi ni sababu ya kutumia {% csrf_token %}?

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 172

Share On:

Facebook WhatsApp
Sponsored links
πŸ‘‰1 Madrasa kiganjani    πŸ‘‰2 Kitabu cha Afya    πŸ‘‰3 Sira ya Mtume Muhammad (s.a.w)    πŸ‘‰4 Bongolite - Game zone - Play free game    πŸ‘‰5 kitabu cha Simulizi    πŸ‘‰6 Simulizi za Hadithi Audio   

Post zinazofanana:

Python somo la 25: Sheria za uandishi wa class

Katika somo hili utajifunza maana ya class, sheria za uandishi wake na mifano halisi

Soma Zaidi...
Python somo la 31: Jinsi ya kutengeneza faili na folder

Katika somo hili utajifunz ajinsi ya kutengeneza folda, faili na kuweka data kwneye faili

Soma Zaidi...
Pthon somo la 41: Template Inheritance katika Django

Somo hili linazungumzia hatua ya kuunda navigation menu na kutumia template inheritance kwa njia ya kitaalamu katika Django.

Soma Zaidi...
Python somo la 37: Jinsi ya ku install Django na kutengeneza project na app

Katika somo ili utajifunza hatuwa kwa hatuwa za ku install Django, kutengeneza project na kutengeneza app

Soma Zaidi...
PYTHON somo la 11: Matumizi ya comperison eperator katika python

Katika somo hili utakwenda kujifunza kuhusu operator. Hasa hapa tutakwend akujifunz akuhusu comparison operaor.

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 43: Kutuma Data kutoka View kwenda Template katika Django

Katika somo hili uatajifunza jinsi gani unaweza kutumia view kma logic kuuma data kwenye template

Soma Zaidi...
Python somo la 36: Django framework - Utangulizi

Ni nini maana ya django framework na inafanya kazi gani

Soma Zaidi...
Python somo la 24: Nini maana ya Object Oriented Programming

Hapa tunakwenda kujifunza kuhusu OOP ambapo ni miongoni mwa mitindo ya uandishi wa code

Soma Zaidi...
Python somo la 20: Aina za parameter kwenye function

Katika somo hili tutakwend akujifunza kwa urefu zaidi kuhusu parameter ambazo hutumika kwenye functions

Soma Zaidi...