使用jquery从输入检查数字

我想使用jquery来创建一个函数。而我想要做的是，我有一个文本字段和提交按钮，所以当我插入数值从1到10它打开了一个链接，如果输入值是从11-20按钮上点击它应该打开不同的链接。使用jquery从输入检查数字

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/

来源

2014-01-07 Umar Khan

如何u想要打开链接？在提交按钮点击？ – Developer

您可以做的第一件事是检查输入的数据是否为数字。检查'isNaN（）'（javascript）或'.isNumeric（）'（jQuery）函数。 – TCHdvlp

您应该将'if'语句移动到点击处理程序。 – undefined

你会需要这些方针的东西：

$(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 
     } 
    }); 
});

编辑：对不起混了检查数字的格式，现在:)

来源

2014-01-07 10:39:36 James

获得了我的+1。如果输入的数据是数字，则为唯一一个测试。谢谢！ – TCHdvlp

仔细检查编辑我所做的，加上请记住这没有测试，但我认为是正确的 – James

我检查了它，但它不工作http://jsfiddle.net/2nppc/2/ –

使用此代码：

$(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"); 
     } 
    }); 
});

来源

2014-01-07 10:39:09

这里是小提琴http://jsfiddle.net/2nppc/2/和它不工作我在做什么错 –

@UmarKhan每一个这是罚款的小提琴，但是你的'alert'拼写不正确。 –

排序未测试：

$(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'; 
     }); 
    });

来源

2014-01-07 10:40:13 GuyT

如果输入的字符串不是数字，该怎么办？你应该先测试'.isNumeric（）'吗？ – TCHdvlp

然后它不会做任何事情，因为没有'else'语句。 – GuyT

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

来源

2014-01-07 10:40:50 edonbajrami

如果输入的字符串不是数字，该怎么办？你应该先测试'.isNumeric（）'吗？ – TCHdvlp

你可以检查，或者你可以限制一个输入只能用keydown事件中的脚本编写数字，如http://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in -html-inputbox-using-jquery – edonbajrami

$(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 
      } 
     } 
    }); 
});

来源

2014-01-07 10:47:10 Developer

正如你和其他人建议我这样做，但它不在这里工作是小提琴链接http://jsfiddle.net/2nppc/2/ –

使用jquery从输入检查数字

回答

相关问题