javascript - 即使条件为假，如果条件显示警报

Question

我if有条件问题。我写了一个脚本，alert当字段#customer-age值小于 21（计算的人的年龄）时，它应该显示。问题是 - 每次都会显示警报 - 当值小于和大于 21 时。

我的html代码是：

<div class="type-text">
<label for="birthday">Date1:</label>
<input type="text" size="20" id="birthday" name="birthday" value="" readonly="readonly" />
</div>

<div class="type-text">
<span id="customer-age" readonly="readonly"></span>
</div>

<span id="date_from_start">23/11/2012</span>

和脚本看起来像：

function getAge() {
    var sday =  $('#date_from_start').html();
    var split_date1 = sday.split("/");  
    var todayDate = new Date(split_date1[2],split_date1[1] - 1,split_date1[0]);

    var bday = $('#birthday').val();
    var split_date2 = bday.split("/");
    var birthDate = new Date(split_date2[2],split_date2[1] - 1,split_date2[0]);

    var age = todayDate.getFullYear() - birthDate.getFullYear();
    var m = todayDate.getMonth() - birthDate.getMonth();
    if (m < 0 || (m === 0 && todayDate.getDate() < birthDate.getDate())) {
        age--;
    }
    return age;
}

var startDate = new Date("1935,01,01");

$('#birthday').datepicker({
    dateFormat: 'dd/mm/yy',
    dayNamesMin: ['Nie', 'Pon', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob'],
    dayNames: ['Niedziela','Poniedzialek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
    monthNamesShort: ['Sty', 'Lut', 'Mar', 'Kwi', 'Maj', 'Cze', 'Lip', 'Sie', 'Wrz', 'Paź', 'Lis', 'Gru'],    
    changeMonth: true,
    changeYear: true,
    numberOfMonths: 1,
    constrainInput: true, firstDay: 1, dateFormat: 'dd/mm/yy',
    yearRange: '-77:-18',
    defaultDate: startDate,
    onSelect: function(dateText, inst) {
        $('#customer-age').html(getAge(new Date(dateText)));
        var cage = $('#customer-age').val();
          if (cage < 21)
             {
             alert('< 21 year');
             }
          else {
          }
    },
    maxDate: +0
});

您可以在http://jsfiddle.net/amarcinkowski/DmYBt/上查看工作代码

Answer 1

更改您的线路：

var cage = $('#customer-age').val();

至

var cage = parseInt($('#customer-age').html(), 10);

jsFiddle

补充：你的意思是：

var infoContent = $.trim( $("#info").html() );
alert( infoContent );

Answer 2

.val()在跨度标签上无效并且不返回任何内容。

改为使用.html()。.text()也可以。

您不需要将其显式解析为 Int，这是自动完成的。

var cage = $('#customer-age').html();

Answer 3

利用：

var cage = $('#customer-age').text();

代替：

var cage = $('#customer-age').val();

这是JSFiddle。

Answer 4

条件没有问题，我认为错误在您的日期选择器中。

把你的代码改成这个，看看我的意思：

  if (cage < 21)
  {
     alert(cage);
  }
  else 
  {
  }

变量cage的值为空。那将是NaN。

Answer 5

两件事情：

1. 您正在比较字符串，您应该使用parseInt()转换为整数然后进行比较。

2. cage是空的;