jQuery：检查输入是否具有浏览器自动填充的值

Question

如果表单输入在页面加载时具有某些预填充值，我想对表单执行某些操作。

以下代码在所有情况下都可以正常工作，除非输入值是浏览器中保存的值。

if($("#edit-name").val()!=""){
    //Do something here
}

表单显示值，但console.log($("#edit-name").val());显示空日志。

如何检测输入字段是否有某些值由浏览器自动填充？

Answer 1

您的代码将按原样运行，但您需要等待一段时间，直到浏览器未在字段中设置值。因此，您需要使用setTimeout()。虽然它可能不是解决问题的最佳方法。 ：）

$(function() {
    setTimeout(function() {
        if ($("#edit-name").val()!="") {
            //do stuff here
        }
    }, 100); //hold the code execution for 100 ms
});