验证在 Phonegap 中不起作用，但在浏览器中完美运行

Question

我有一个 number 类型的字段。我已经使用jquery 验证了该字段，它在浏览器中显示了必要的警告，但在与Phonegap 一起使用时未能在手机中显示。

我的代码是：

PUT YOUR ANSWER HERE: <input id="ans" type="number" name="ans" min="1" max="10">

  <input id="nextbutton1" type="button" name="next1" value="Subbmit" class="nextbutton">

我只想接受从 1 到 10 的数字。但是当我输入 1-- 或 1 2 或 2++ 时，它会在电话中没有任何提示的情况下进行输入。

我的 jquery 是这样的

$('#nextbutton1').click(function() {
   var num=$("#ans").val().trim();

                if ((num < 1 || num > 10) && num.length != 0) {
        if (num < 1) {
            alert("Oops! You cannot enter vlues smaller than 1");
          $('input[type=number]').val('');

        }

        if (num > 10) {
            alert("Oops! You cannot enter vlues Greater than 10");
            $('input[type=number]').val('');
        }

    }

else if ((num % 1) != 0) {
    alert("You Cannot Enter Decimal Values or any other symbols ");
    $('input[type=number]').val('');
}
else if(num=="")
{
alert("Oops ! Please Select any number from 1 to 10 ");
$('input[type=number]').val('');
}
else
{
if(num == rand)
{
alert("Correct");
}
}
 });

这里的 rand 是从 1 到 10 的随机数。

我该怎么做才能在手机中完美工作？

更新

我也按照this answer 中的建议进行了此更正，但仍然无法正常工作。

Answer 1

在与数字比较之前，您需要将值 string 转换为整数。所以正确的行是：

var num = window.parseInt($("#ans").val().trim(), 10);