How do you call a javaScript function inside a Django template?

Question

I want to call the javaScript function defined inside the same template in Django. How can I do it?

{% extends 'base.html' %}

{% block content %}

        {% if error %}
            showAlert()
        {% endif %}

    <script> function showAlert() {alert ("Please select at least one option");}</script>
{% endblock %}

I want to call showAlert() if there is error present. I have handled the error in the view. I do not a method about how to call the function here? It is showing the function name.

Bear in mind that the template is rendered on the server using Python; alert is available in the browser in JavaScript. — jonrsharpe
– jonrsharpe, Commented Sep 7, 2019 at 9:32
Oh! yeah!! Got it..... but how can I do this? Loading a JS file or what else? — Deshwal
– Deshwal, Commented Sep 7, 2019 at 9:36
You're already showing how to use JavaScript - <script> blocks. — jonrsharpe
– jonrsharpe, Commented Sep 7, 2019 at 9:37
if you open the browser console, you may see an error like "ReferenceError: showAlert is not defined", just move the definition of the function on top. and also call <script> showAlert() </script> — PRMoureu
– PRMoureu, Commented Sep 7, 2019 at 9:41

Eby Sofyan · Accepted Answer · 2019-09-07 09:47:40Z

2

You can call the javascript function inside the <script> tag

{% extends 'base.html' %}

{% block content %}

    <script> 
      function showAlert() {
            alert ("Please select at least one option");
      }
    </script>

    {% if error %}
    <script>
        showAlert()
    </script>
    {% endif %}
{% endblock %}

Or you can put {% if ... %} statement inside <script> tag

answered Sep 7, 2019 at 9:47

Eby Sofyan

4644 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Deshwal Over a year ago

Thanks for helping out buddy but the problem is that it does not let the page to load until clicked okay.

Collectives™ on Stack Overflow

How do you call a javaScript function inside a Django template?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related