Question

如果将特定单词输入到输入框中，我无法找到显示消息的方法。我基本上试图让javascript显示一条消息，如果日期（例如'01 / 07/2013'）被输入到输入框中。

这是我的HTML <p>Arrival Date</p> <input type="text" id="datepicker" id="food" name="arrival_date" >

我正在使用查询数据选择器来选择日期。

Answer 1

使用.val()获取输入值并将其与字符串

进行比较

var str = $('#datapicker').val(),   // jQuery

   // str = document.getDocumentByI('datapicker').value ( vanilla js)

    strToCompare = '01/07/2013';

if( str === strToCompare) {

    // do something
}

并将其包含在change或任何keyup事件中以调用它。

$('#datepicker').change(function() {

     // code goes here
});

<强>更新

尝试以下代码。

$(function () {
    var $datepicker = $('#datepicker');
    $datepicker.datepicker();
    $datepicker.on('change', function () {
        var str = $datepicker.val(),
            strToCompare = '07/19/2013';

        if (str === strToCompare) {

            console.log('Strings match')
        }
        else {
             console.log('boom !!')   
        }
    });
});

<强> Check Fiddle

Answer 2

您可以在属性onchange

中插入代码

onchange="if(this.value == 'someValue') alert('...');"

或创建新功能

function change(element){
    if(element.value == 'someValue'){
        alert('...');
    }
}

添加属性

onchange="change(this);"

或添加活动

var el = document.getElementById('input-id');
el.onchange = function(){
    change(el); // if 'el' doesn't work, use 'this' instead
}

我不确定它是否有效，但它应该：）

Answer 3

您的输入有2个ID。您需要删除id="food"。然后以下内容适用于IE＆gt; = 9：

document.getElementById('datepicker').addEventListener(
  'input',
  function(event) {
    if (event.target.value.match(/^\d+\/\d+\/\d+$/))
      console.log("Hello");
  }, false);

如果将特定值输入到输入框中，则使用javascript显示消息

3 个答案: