accessing django form variable in javascript which is inside html page

Question

I have django form with name and email address as a form field in forms.py file. I am implementing that form in HTML Page with the help of {form.as_p}.

Now I have JavaScript inside that same HTML page with...

{% block javascript %}

<script>

</script>

{% endblock %}

Now How can I access both form variable inside this script tag. I want to validate data at client-side and than wants to send at server. Will getElementById() method works? and If so what I need to write for access my form variables or any other good alternative. Thanks

Thank you for such answers but I am not able to access that's why asked here. Better to help other instead of providing such answers. — Mayank Acharya
– Mayank Acharya, Commented May 31, 2017 at 5:31
I did not answer your question. I posted a comment. If you want usefull answers, please read stackoverflow.com/help/how-to-ask and stackoverflow.com/help/mcve — e4c5
– e4c5, Commented May 31, 2017 at 5:42
I already explained the issue briefly, I can't share code. If you can help then thank you in advance. — Mayank Acharya
– Mayank Acharya, Commented May 31, 2017 at 5:48

Vikas Saini · Accepted Answer · 2017-05-31 05:30:49Z

3

Yes, its possible. Django gives an id in format id_fieldname to each field you define in your Django form.

E.g. For name field, id in HTML will be id_name and For email_address field ,id in HTML will be id_email_address

Now you can simply use getElementById() in your JS with these ID for validation.

answered May 31, 2017 at 5:30

Vikas Saini

1,2143 gold badges12 silver badges25 bronze badges

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

7 Comments

Mayank Acharya Over a year ago

Hi, I already tried this, but It always showing me [object HTMLInputElement] instead of value.

Vikas Saini Over a year ago

For value of a text field use document.getElementById("id_name").value

Mayank Acharya Over a year ago

Hi, It still blank means null value.

Vikas Saini Over a year ago

Have you wrote something in text box before calling above ?

Mayank Acharya Over a year ago

Yes, I wrote but getting null value only.

|

Collectives™ on Stack Overflow

accessing django form variable in javascript which is inside html page

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related