基於表單輸入的jquery顯示div

Question

有沒有一種方法可以使用jQuery根據表單域中的輸入顯示div。

例如，如果在formfield中鍵入的值介於1和5之間，則顯示div。

Answer 1

var div = $('div').hide(); 

$('input').keyup(function() { 

    var value = this.value; 

    if (value > 1 && value < 5) { 
     div.fadeIn(); 
    } else { 
     div.fadeOut(); 
    } 

}); 

See it on jsFiddle。

如果你不想讓它自行復位時，空白，聲明和定義value後添加此...

if (value === '') { 
    return;  
} 

Answer 2

從div被隱藏開始。 添加處理程序以形成字段的關鍵事件。 在處理程序中，檢查值是否符合標準，然後.show（）您的div。