Question

我有一个用于输入数字的文本字段。我想提醒我输入文本字段的数字。我的HTML是：

<input id="search_number" type="text" name="numbers" />
<button id="wmsearch">Search</button>

JS是：

var sn = ($('#search_number').val());
$('#wmsearch').click(function(){
if(sn != 1234567890){
alert(sn);
}else
{
alert('equal');
}
});

它不起作用......

Answer 1

您必须在点击事件处理程序中获取val() $('#search_number')。

$('#wmsearch').click(function() {
    var sn = $('#search_number').val();

    if(sn != 1234567890) {
        alert(sn);
    } else {
        alert('equal');
    }
});

Answer 2

试试这个

  $('#wmsearch').click(function(){
    var sn = $('#search_number').val();//you don't need extra bracket here
    if(sn != 1234567890){
      alert(sn);
    }else
    {
       alert('equal');
    }
  });

Answer 3

试试这个：

$('#wmsearch').click(function () {
    var sn = $('#search_number').val();
    if (sn != 1234567890) {
        alert(sn);
    } else {
        alert('equal');
    }
});

Answer 4

您可以将jQuery对象保留在#search_number事件处理程序之外的click，但获取其中的值。这样做可以为每次点击节省一次DOM调用。

另外，不要忘记使用parseInt将字符串解析为整数。

var $search_number = $('#search_number');
$('#wmsearch').click(function(){
    var sn = parseInt($search_number.val(), 10);

    if(sn != 1234567890){
        alert(sn);
    } else {
        alert('equal');
    }
});

话虽如此，您可以使用?: conditional operator来简化脚本。

var $search_number = $('#search_number');
$('#wmsearch').click(function(){
    var sn = parseInt($search_number.val(), 10);
    alert( (sn == 1234567890) ? "equal" : sn );
});

See a live example here.

文本字段中的警报字段值

4 个答案: