Retrieving and then validating date from a drop down box javascript

Question

I have a form that needs validating using DOM methods and javascript for our web class. I have validated all name, address, email, etc. fields. I have validated the given credit card number using a modulus algorithm. Our next task is to validate the given date (month, year) that is given via a standard option box on the html file. I understand how to retrieve the year (as it will be returned as an integer), however, was curious as to the most efficient way to retrieve and convert the Month into an int. The month is in standard form:

<label for="month">Month:</label>
                <select id="month"  name="month" disabled="true">
                    <option value="0">January</option>
                    <option value="1">Febuary</option>
                    <option value="2">March</option>
                    <option value="3">April</option>
                    <option value="4">May</option>
                    <option value="5">June</option>
                    <option value="6">July</option>
                    <option value="7">August</option>
                    <option value="8">September</option>
                    <option value="9">October</option>
                    <option value="10">November</option>
                    <option value="11">December</option>
                </select>

Easy enough to get the month as a string, but is there some way to get the number back directly using document.getElementById('month') but somehow tagging it with option value +1 so it directly returns the int? Or do I have to do it long hand in the function, ie

January = 1; February=2; etc.?

Thanks for any help.

Yeah, but we aren't allowed to make any changes to the source html. However, I guess I am asking how to retrieve their values in numeric form. I am unsure if you can, and if so, the syntax involved. — unit
– unit, Commented Apr 1, 2011 at 18:24

Tejs · Accepted Answer · 2011-04-01 18:24:33Z

2

You can call the parseInt function. Like so:

// find your selected option
var monthInteger = parseInt(yourSelectedValue) + 1;
// aka Value of "0" gets parsed to 0, then you can add 1.

answered Apr 1, 2011 at 18:24

Tejs

41.4k10 gold badges71 silver badges89 bronze badges

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

Comments

Patrick D'Souza · Accepted Answer · 2013-05-20 17:23:26Z

1

If you do:

(document.getElementById('month').value * 1.0) + 1

This should return the month as an integer value. I've done * 1.0, but you could you parseInt. Just makes sure that 1+1 = 2 (not 11)!

edited May 20, 2013 at 17:23

Patrick D'Souza

3,5592 gold badges25 silver badges40 bronze badges

answered Apr 1, 2011 at 18:24

Yule

9,8143 gold badges55 silver badges75 bronze badges

1 Comment

unit Over a year ago

Thank you, I thought it would be easy, but we beginners are quite unsure of ourselves!

Collectives™ on Stack Overflow

Retrieving and then validating date from a drop down box javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related