jquery oninput用法介紹

$(selector).on('input', function(){
// your code here
});

jquery中，oninput用法是針對(duì)表單元素的一個(gè)事件。該事件在文本框、文本域或是輸入框文本變化時(shí)觸發(fā)。

使用該事件的好處在于它能夠?qū)崟r(shí)檢測(cè)表單元素的輸入變化，無(wú)需等待用戶輸入完成。

下面是一個(gè)簡(jiǎn)單的使用案例：

$('input[name="username"]').on('input', function(){
// 檢測(cè)用戶名是否已存在
var username = $(this).val();
$.get("/check_username", {username: username}, function(response){
if(response.result){
alert('用戶名已存在');
}
});
});

上述代碼中，當(dāng)用戶在輸入“用戶名”輸入框中輸入內(nèi)容時(shí)，oninput事件被觸發(fā)，它調(diào)用一個(gè)檢測(cè)用戶名是否已存在的函數(shù)。

通過(guò)這個(gè)例子，我們可以看出，oninput事件非常適合用戶在輸入框內(nèi)完成文本輸入后后，驗(yàn)證表單元素的輸入內(nèi)容。

總的來(lái)說(shuō)，使用jquery oninput可以讓表單元素的驗(yàn)證更加及時(shí)靈活，從而優(yōu)化用戶體驗(yàn)。