JQUERY/JAVASCRIPT赢得'；不能在移动设备中工作

我得到了一个需要最少字符数的消息系统。因此，我使用了一个默认禁用的提交按钮。当超过字符限制时，需要启用提交按钮

我目前使用的代码是：

  $(window).load(function(){
     var amountArray = new Array(85,90,95,120);
     $('#message').keyup(function(){
         var length = $(this).val().length;
         if(length < amountArray[0]){
            $('.verzendenMSG').css('color','red');
         }else if(length < amountArray[1]){
            $('.verzendenMSG').css('color','darkorange');
         }else if(length < amountArray[2]){
            $('.verzendenMSG').css('color','olive');
            $('.verzendenMSG').removeAttr('disabled');
          }else if(length >= amountArray[3]){
            $('.verzendenMSG').css('color','green');
            $('.verzendenMSG').removeAttr('disabled');
         }
     });

$（窗口）.load（函数（）{
var amountArray=新阵列（85,90,95120）；
$（'#message'）.keyup（函数（）{
var length=$（this）.val（）.length；
if（长度<数量[0]）{
$（'.verzendenMSG'）.css（'color'，'red'）；
}否则如果（长度<数量[1]）{
$（'.verzendenMSG'）.css（'color'，'darkorange'）；
}否则如果（长度<数量[2]）{
$（'.verzendenMSG'）.css（'color'，'olive'）；
$（'.verzendenMSG'）.removeAttr（'disabled'）；
}else if（长度>=数量[3]）{
$（'.verzendenMSG'）.css（'color'，'green'）；
$（'.verzendenMSG'）.removeAttr（'disabled'）；
}
});

使用此代码，您可以在桌面浏览器（也是Safari）上的“提交”按钮中看到一个红色文本，当您接近该限制时，颜色将变为绿色，当您达到定义的最小值时，“提交”按钮的禁用选项将消失

这一切在移动浏览器（如ipad浏览器和WindowsPhone7浏览器）中都不起作用

我的问题是，可能会出现什么问题以及如何解决问题。因为此代码实际上非常简单？

尝试将

$（窗口）

替换为

$（文档）

，如下所示：

  $(document).ready(function(){
     var amountArray = new Array(85,90,95,120);
     $('#message').keyup(function(){
         var length = $(this).val().length;
         if(length < amountArray[0]){
            $('.verzendenMSG').css('color','red');
         }else if(length < amountArray[1]){
            $('.verzendenMSG').css('color','darkorange');
         }else if(length < amountArray[2]){
            $('.verzendenMSG').css('color','olive');
            $('.verzendenMSG').removeAttr('disabled');
          }else if(length >= amountArray[3]){
            $('.verzendenMSG').css('color','green');
            $('.verzendenMSG').removeAttr('disabled');
         }
     });

$（文档）.ready（函数（）{
var amountArray=新阵列（85,90,95120）；
$（'#message'）.keyup（函数（）{
var length=$（this）.val（）.length；
if（长度<数量[0]）{
$（'.verzendenMSG'）.css（'color'，'red'）；
}否则如果（长度<数量[1]）{
$（'.verzendenMSG'）.css（'color'，'darkorange'）；
}否则如果（长度<数量[2]）{
$（'.verzendenMSG'）.css（'color'，'olive'）；
$（'.verzendenMSG'）.removeAttr（'disabled'）；
}else if（长度>=数量[3]）{
$（'.verzendenMSG'）.css（'color'，'green'）；
$（'.verzendenMSG'）.removeAttr（'disabled'）；
}
});

尝试将

$（窗口）

替换为

$（文档）

，如下所示：

  $(document).ready(function(){
     var amountArray = new Array(85,90,95,120);
     $('#message').keyup(function(){
         var length = $(this).val().length;
         if(length < amountArray[0]){
            $('.verzendenMSG').css('color','red');
         }else if(length < amountArray[1]){
            $('.verzendenMSG').css('color','darkorange');
         }else if(length < amountArray[2]){
            $('.verzendenMSG').css('color','olive');
            $('.verzendenMSG').removeAttr('disabled');
          }else if(length >= amountArray[3]){
            $('.verzendenMSG').css('color','green');
            $('.verzendenMSG').removeAttr('disabled');
         }
     });

$（文档）.ready（函数（）{
var amountArray=新阵列（85,90,95120）；
$（'#message'）.keyup（函数（）{
var length=$（this）.val（）.length；
if（长度<数量[0]）{
$（'.verzendenMSG'）.css（'color'，'red'）；
}否则如果（长度<数量[1]）{
$（'.verzendenMSG'）.css（'color'，'darkorange'）；
}否则如果（长度<数量[2]）{
$（'.verzendenMSG'）.css（'color'，'olive'）；
$（'.verzendenMSG'）.removeAttr（'disabled'）；
}else if（长度>=数量[3]）{
$（'.verzendenMSG'）.css（'color'，'green'）；
$（'.verzendenMSG'）.removeAttr（'disabled'）；
}
});

尝试替换

$（窗口）。仅通过
$（…）
加载（…）

，不幸的是，这不起作用。您可能希望使用jQuery在iPad支持上阅读这篇文章。这可能不是您的问题，但听起来可能……尝试替换

$（窗口）。仅通过
$（…）加载（…）

不幸的是，这不起作用。您可能想使用jQuery阅读这篇关于iPad支持的文章。这可能不是您的问题，但听起来可能……您可以说-尝试用$（文档）替换$（窗口）？很抱歉，这不起作用。我不能演示它，因为它在受保护的环境中。你可以说-尝试用$（文档）替换$（窗口）？很抱歉，这不起作用。我不能演示它，因为它在受保护的环境中。