Getting value of element with javascript from jsp page

Question

I have the following jsp form:

<form action = "dt.jsp" METHOD = "GET" ONSUBMIT="return validateForm()">
   <table>
      <tr>
        <td><input type=date name="fdate"/></td>
        <td><input type=date name="tdate"/></td>
    </tr>
</table>
<input  TYPE = "SUBMIT" VALUE = "Search by date">
</form>

and javascript function:

function validateForm()
{
    alert(document.getElementsByName('fdate').value);
    return false;
}

when I do the alert I get undefined. why?

Ruan Mendes · Accepted Answer · 2014-09-12 19:00:50Z

2

document.getElementsByName('fdate') returns an array, or more accurately a NodeList.

Use document.getElementsByName('fdate')[0].value

See https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByName

answered Sep 12, 2014 at 19:00

Ruan Mendes

92.7k31 gold badges161 silver badges225 bronze badges

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

2 Comments

user3557163 Over a year ago

Thank you. now I try to compare this 2 dates like this: function validateForm() { if(dates.compare(document.getElementsByName('fdate') [0].value, document.getElementsByName('tdate')[0].value) == -1) { alert("to date must be bigger then from date"); return false; } } what is the problem?

Ruan Mendes Over a year ago

@user3557163 You have to ask a new question. At StackOverflow, we have one issue per question to keep questions more useful to other users.

Collectives™ on Stack Overflow

Getting value of element with javascript from jsp page

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related