在文本框中键入/输入数据时，输入要显示的值

Question

我有一个文本框，输入后我需要获取该值并显示在警告框中，而不使用任何表单或按钮。

这是我使用的：但它不起作用，它在加载文件时给出空值。

HTML

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

Jvascript

<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());
});

Working Fiddle Here

对于每个完整的输入

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

Working Fiddle Here

Answer 3

您需要为该输入添加模糊功能。 只要它从该文本框中失去焦点，它就会调用此功能，因此将显示警告。

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

在模糊时调用此功能：

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