Jquery if statement based on input values

Question

I'm making a simple form and I'm having trouble getting it to do what I want. On form submission I need it to detect if multiple inputs of a certain category have values greater than 0 (because only one should be selected). Here's the html of the form

      <form onsubmit="calcTime();">

  <table>
    <tr>
      <p>How long does the task take to perform?  (Choose one)</p></tr>
    <tr>
      <p>
        <input type="text" style="width: 3em;" id="seconds">&nbsp;  Seconds (Enter an integer 1-60)
        <input type="text" style="width: 3em;" id="minutes">&nbsp;  Minutes (Enter an integer 1-60)
      </p>
    </tr>
    <br>
    <tr>
      <p>How often do you perform the task? (Choose one)</p></tr>
    <tr>
      <p><input type="text" style="width: 3em;" id="day">&nbsp;x Per day&nbsp;
        <input type="text" style="width: 3em;" id="week">&nbsp;x Per week&nbsp;
        <input type="text" style="width: 3em;" id="month">&nbsp;x Per month&nbsp;
        <input type="text" style="width: 3em;" id="year">&nbsp;x Per year&nbsp;
      </p>
    </tr>
    <br>
    <tr>
      <p><input type="submit" value="Submit" id="submitButton"></p>
    </tr>

    <br>
    <tr>
      <p id="result"></p>
    </tr>
  </table>
</form>

The jQuery function that isn't working so far is this...

function calcTime() {
var seconds = $('#seconds');
var minutes = $('#minutes');
var perDay = $('#day');
var perWeek = $('#week');
var perMonth = $('#month');
var perYear = $('#year');
if ((seconds.value > 0) && (minutes.value > 0)) {
alert('Please only choose either seconds or minutes!');
return false;
  }
}

Thanks

Viktor Kukurba · Accepted Answer · 2016-02-07 22:24:44Z

1

Use jquery method val to retrieve elements value.

seconds.val()

If you do not use jquery to select element, but pure Javascript

var seconds = document.getElementById('seconds')

you will be able use value property seconds.value.

Jquery select returns 'it's own' object not native HTMLElement.

edited Feb 7, 2016 at 22:24

answered Feb 7, 2016 at 22:18

Viktor Kukurba

1,3709 silver badges14 bronze badges

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

1 Comment

DjH Over a year ago

ah, thank you. I knew it was going to be a stupid little oversight

pedrotp · Accepted Answer · 2016-02-07 22:27:44Z

1

Using jQuery you can change your 'if' statement to:

if (seconds.val() > 0 && minutes.val() > 0)

More info about the .val() method: http://api.jquery.com/val/

answered Feb 7, 2016 at 22:27

pedrotp

3081 silver badge7 bronze badges

Collectives™ on Stack Overflow

Jquery if statement based on input values

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related