如果在输入框中输入了特定的值，则使用javascript显示一条消息

If a specific value is inputed into an input box, display a message using javascript

本文关键字：输入 javascript 显示 消息 一条 如果      更新时间：2023-09-26

如果在输入框中输入特定单词，我想不出显示消息的方法。我基本上是想让javascript在输入框中输入日期（如"2013年7月1日"）时显示消息。

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

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

您可以在属性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
}

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

使用.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 !!')   
        }
    });
});

检查Fiddle

您的输入有两个id。您需要删除id="food"。则以下内容应适用于IE>=9:

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