checking numbers from input using Jquery

Question

I am trying to make a function using jquery. And what i am trying to do is that i have a text field and submit button so when i insert numeric value from 1 to 10 it open up a link if the input value is from 11-20 on button click it should open different link.

html

<input type="text" Id="number" />
<input type="submit" id="button" />

jquery

 $( document ).ready(function() {
   if ( $("#number").val() >= 19200 && num <= 19276 ) {
    $( "#button" ).click(function() {
      alert( "u enterd the number " );
    });  
   }
 });

http://jsfiddle.net/2nppc/1/

First thing you can do is check wether the data entered is numerical or not. Check isNaN() (javascript) or .isNumeric() (jQuery) functions. — TCHdvlp
– TCHdvlp, Commented Jan 7, 2014 at 10:37

James · Accepted Answer · 2014-01-07 10:49:24Z

4

You're going to need something along these lines:

$(document).ready(function(){
    $('#button').click(function(){
         var number = $('#number').val();
         //check if number
         if($.isNumeric(number)){
             if(number >= 1 && number <= 10){
                 //1-10 action
             }elseif(number >= 11 && number <= 20){
                 //11-20 action
             }
         }else{
             //Not a number
         }
    });
});

EDIT: sorry mixed up the format for checking numeric, sorted now :)

edited Jan 7, 2014 at 10:49

answered Jan 7, 2014 at 10:39

James

8182 gold badges12 silver badges29 bronze badges

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

5 Comments

TCHdvlp Over a year ago

got my +1. Your the only one testing if the entered data is numeric. Thanks !

James Over a year ago

double check the edit i made, plus keep in mind this had no testing, but i think it's right

James Over a year ago

Hi, I looked at your fiddle, you've misspelt alert, that's causing the issue. Are you using chrome? If so, press F12, it will give you error messages for JS and JQuery.

TCHdvlp Over a year ago

Is there an interest to check for real values ? If I enter 6.5 it is accepted. So If I only want integer values, how to check it ? And, if real values are allowed, 6,5 will be considered as a string and wont fired the link. Is there a good way to handle those kind of situations ?

James Over a year ago

Have a look at: stackoverflow.com/questions/3885817/… to get if integer. As for 6,5, you could either replace the ',' with a '.' then convert to a number. Though you're then making an assumption about what the user wants to input. I'd let the if($.isNumeric(number)){ catch it as a string (and not fire the link) and ask the user to enter a valid number

Code Lღver · Accepted Answer · 2014-01-07 10:44:12Z

1

use this code:

$( document ).ready(function() {
    $( "#button" ).click(function() {  
      var num = $("#number").val();
      if(!isNAN(num)){
      if (num >= 1 && num <= 10) {
         window.location.href="your url for 1 to 10";
      } else if(num >= 11 && num <= 20) {
         window.location.href="your url for 11 to 20";
      } else {
         //your other code or action
      }
      } else {
         alert("Enter the numeric value");
      }
    });  
});

edited Jan 7, 2014 at 10:44

answered Jan 7, 2014 at 10:39

Code Lღver

15.6k16 gold badges60 silver badges75 bronze badges

2 Comments

Umar Khan Over a year ago

here is the fiddle jsfiddle.net/2nppc/2 and its not working what i am doing wrong

Code Lღver Over a year ago

@UmarKhan every this is fine in the fiddle but your spelling of the alert is not correct.

edonbajrami · Accepted Answer · 2014-01-07 10:40:50Z

0

 <script>
      if ( parseInt($("#number").val()) <11) {
         window.location.href = '/link1';
      } 
      else{
        window.location.href = '/link2';
      }
</script>

answered Jan 7, 2014 at 10:40

edonbajrami

2,21625 silver badges35 bronze badges

2 Comments

TCHdvlp Over a year ago

What if the string entered isn't numerical ? Should you not test .isNumeric() first ?

edonbajrami Over a year ago

You can check or you can restrict an input only to write numbers with the script in keydown event like this in stackoverflow.com/questions/995183/…

Developer · Accepted Answer · 2014-01-07 10:47:10Z

0

 $( document ).ready(function() {
          $( "#button" ).click(function() {   // Replace with Id of the button
          var num = $("#number").val();       // Replace with Id of the textbox
          if(!isNaN(num)){
          if (num >= 1 && num <= 10) {
            window.location.href="your url for 1 to 10";
          } else if(num >= 11 && num <= 20) {
            window.location.href="your url for 11 to 20";
          } else {
            //your other code or action
          }
         }
     });  
 });

answered Jan 7, 2014 at 10:47

Developer

7772 gold badges9 silver badges25 bronze badges

1 Comment

Umar Khan Over a year ago

AS you and other suggested i am doing it the same but its not working here is the fiddle link jsfiddle.net/2nppc/2

GuyT · Accepted Answer · 2014-01-07 10:48:48Z

0

Without testing:

    $(function(){
       $('#button').on('click', function(){
         if ($('#number').val() >= 0 && $('#number').val() <= 10)
           location.href = 'blabla';
         else if ($('#number').val() > 10 && $('#number').val() <= 20)
           location.href = 'blabla';
       });
    });

edited Jan 7, 2014 at 10:48

answered Jan 7, 2014 at 10:40

GuyT

4,4562 gold badges19 silver badges34 bronze badges

2 Comments

TCHdvlp Over a year ago

What if the string entered isn't numerical ? Should you not test .isNumeric() first ?

GuyT Over a year ago

Then it will do nothing because there is no 'else' statement.

Collectives™ on Stack Overflow

checking numbers from input using Jquery

5 Answers 5

5 Comments

2 Comments

2 Comments

1 Comment

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

2 Comments

2 Comments

1 Comment

2 Comments

Linked

Related