在文本框中輸入/輸入數據時，將顯示輸入的值

Question

我有一個文本框，輸入后，我需要獲取該值並顯示在警報框中，而無需使用任何表單或按鈕。

這就是我使用的：但是它不起作用，它在加載文件時給出了空值。

的HTML

<tr>
    <td><br>Address of Patient</td>
    <td> <br> <input type="text" name="inc_patientAddress" id="inc_address" required></td>
</tr>

腳本

<script type="text/javascript">
var x = document.getElementById('inc_address');
alert(x.value);
</script>

我想在文本框中輸入數據后顯示文本框值，可以嗎？ 請幫忙

Answer 1

使用blur事件：

document.getElementById('inc_address').addEventListener('blur', function() {
    console.log(this.value);
}, false);

演示： http ： //jsfiddle.net/tusharj/hop3szu4/

文件： https ： //developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Answer 2

嘗試這個

對於每個輸入

$('#inc_address').on('input', function() {
alert($(this).val());
});

在這里工作小提琴

對於每個完整的輸入

$('#inc_address').on('change', function() {
alert($(this).val());
});

在這里工作小提琴

Answer 3

您需要為該輸入添加模糊功能。 一旦它從該文本框中失去焦點，它將調用此函數，因此將顯示警報。

<input type="text" name="inc_patientAddress" id="inc_address" onblur="myFunction()" required>

將此函數稱為模糊：

myFunction(){
      alert("#inc_address").value();
}