输入框失去焦点后获取输入值

一、场景
在项目中，验证身份证在数据库是否已经存在，因此在一个身份证文本框失去焦点后（blur out）获取输入的值传到后台。
二、解决方案
1.（错误）假设文本框id是"#idcard"。blur out事件后，如下代码获取文本框值。
document.getElementByID("idcard").value.
我发现文本框在第一次失去焦点 的时候获取文本框的值是空的，按住F12打开调试界面,发现输入值的时候文本节点的value保持原来的状态(此刻是为空,只有当blur out事件后，才会渲染到节点)所以此时执行上面代码获取的值是空的。
2.(正确) 第二种解决方案。如下代码:
this.value.
通过这个方法，我估计是从内存里面直接获取的。此时文本框输入的时候对应的dom节点值还没在界面上渲染出来，因此第一种方法获取的只能是界面渲染出来的值。