Need help to validate expiray dates with javascript?

Question

Im stuck on how to validate expiray dates that are in a select option with javascript. everytime i try it only validates the month not the year. Please help

Answer 1

help us to help you by showing your code

Answer 2

https://code.sololearn.com/WFE2klfCRXpf/?ref=app
something like this?
edit:
changed the approach a little bit
now, to compare dates i have extracted the text values of the year and month, create with them a new date (selectedDate) and compare the Date objects

Answer 3

care to explain? ^__^

Answer 4

👍

Answer 5

Or at least by providing the data format to be validated ^^

Answer 6

html
Expiration Date</strong></label>
      <select name="expirationmonth" id="expmonth">
<option value="1">01/ January</option>
<option value="2">02/ February</option>
<option value="3">03/ March</option>
<option value="4">04/ April</option>
<option value="5">05/ May</option>
<option value="6">06/ June</option>
<option value="7">07/ July</option>
<option value="8">08/ August</option>
<option value="9" selected>09/ September</option>
<option value="10">10/ October</option>
<option value="11">11/ November</option>
<option value="12">12/ December</option>
</select>

   <select name="expirationyear" id="expyear">
<option value="1" selected>2017</option>
<option value="2">2018</option>
<option value="3">2019</option>
<option value="4">2020</option>
<option value="5">2021</option>
</select>

javascript

var date = new Date ();
var month = date.getMonth();
var year = date.getFullYear();

if(expmonth.selectedIndex<month && expyear.selectedIndex<=year) {     alert("Please enter a valid expiration date");     return false;

Answer 7

I got it to work using those variables
<script type="text/javaScript">
function validate(orderform){

var expmonth = document.getElementById("expmonth");
var expyear = document.getElementById("expyear");
var date = new Date ();
var month = date.getMonth();
var year = date.getFullYear();
var selectedYear = expyear.options[expyear.selectedIndex].innerHTML;
var selectedMonth = expmonth.options[expmonth.selectedIndex].innerHTML.split('/')[0];
var selectedDate = new Date(selectedYear, selectedMonth, 1);

if(selectedDate < date) {
        alert("Please enter a valid expiration date");
        return false;
    }

Answer 8

I used your variables plus mine and just used your example.
if(selectedDate < date) {
        alert("Please enter a valid expiration date");
        return false;
    }
its working fine now thank you 😁