How can I get the last character/number in input fields?

Question

How to call the input id in javascript using the python class base views?

Javascript:

<script> function myFunction() { var txt = document.getElementById("Plate_no").value; var res = txt.charAt(txt.length-1); document.getElementById("Ending").innerHTML = res; } </script

And this is my HTML form

<form method="POST"> {% csrf_token %} <div class="col-sm-4"> <label>Plate Number:</label>{{ form.Plate_no }} <button onclick="myFunction()">Get Ending</button> </div> <div class="col-sm-4"> <label>Conduction Sticker Number:</label>{{ form.Conduction_Sticker }} </div> <div class="col-sm-4"> <label>Remarks:</label>{{ form.Remarks }} </div> <div class="col-sm-4"> <label>CR Name:</label>{{ form.CR_name }} </div> <div class="col-sm-4"> <label >Ending:</label>{{ form.Ending }} </div>

Possible duplicate here

threeFatCat
– threeFatCat

2019-11-28 01:37:43 +00:00
Commented Nov 28, 2019 at 1:37 — threeFatCat
– threeFatCat, Commented Nov 28, 2019 at 1:37

Armedin Kuka · Accepted Answer · 2019-11-28 01:33:31Z

0

In Javascript a string is a char array, hence you can access the last character by the length of the string.

var res = txt[txt.length -1];

answered Nov 28, 2019 at 1:33

Armedin Kuka

6754 silver badges10 bronze badges

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

2 Comments

Adbul Over a year ago

Yes, but in my javascript code can't get the input value. It is possible to call the fields since I'm using a class base views?

Armedin Kuka Over a year ago

Assuming you have a proper ID called Plate_no, you can try to instead use innerText, like so var txt =document.getElementById("Plate_no").innerText. That might work.

Ritesh Khandekar · Accepted Answer · 2019-11-28 03:29:54Z

Try this:

function myFunction() { var txt = document.querySelectorAll("input")[0].value; var res = txt.charAt(txt.length-1); document.getElementById("Ending").innerHTML = res; }

<div class="col-sm-4"> <label>Plate Number:</label><input> <button onclick="myFunction()">Get Ending</button> </div> <div class="col-sm-4"> <label>Conduction Sticker Number:</label>{{ form.Conduction_Sticker }} </div> <div class="col-sm-4"> <label>Remarks:</label>{{ form.Remarks }} </div> <div class="col-sm-4"> <label>CR Name:</label>{{ form.CR_name }} </div> <div class="col-sm-4"> <label >Ending:</label><div id="Ending">{{ form.Ending }}</div> </div>

pensum · Accepted Answer · 2019-11-28 05:09:29Z

When using the getElementById() function, you need to have an id="" attribute on the element you want to select.

<label> Plate Number: </label> <span id="plate_no"> {{ form.Plate_no }} </span>

Collectives™ on Stack Overflow

How can I get the last character/number in input fields?

3 Answers 3

2 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Linked

Related