如果一個特定的值輸入到輸入框中，使用javascript顯示一條消息

如果輸入框中輸入了特定的單詞，我無法弄清楚顯示消息的方式。我基本上試圖讓JavaScript顯示一條消息，如輸入框中輸入日期，如'01/07/2013'。如果一個特定的值輸入到輸入框中，使用javascript顯示一條消息

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

我使用的查詢數據選擇器選擇日期。

2013-07-19 user2379090

使用.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

來源

2013-07-19 21:08:55

對不起的人，也沒有工作。我在（做某事）部分添加了document.write，並沒有顯示任何文本。 – user2379090

你可以顯示你寫的代碼..避免使用'document.write' ..嘗試使用console.log –

allardadam.me.uk/javascript - 我剛剛上傳 – user2379090

您輸入有2個IDS。您需要刪除id="food"。那麼下面應該與IE瀏覽器> = 9：

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

來源

2013-07-19 21:17:43 sabof

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

我不知道，如果它的工作原理，但它應該:)

來源

2013-07-19 21:23:31 kamil09875

如果一個特定的值輸入到輸入框中，使用javascript顯示一條消息

回答

相關問題