jquery oninput用法介紹

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

jquery中，oninput用法是針對表單元素的一個事件。該事件在文本框、文本域或是輸入框文本變化時觸發。

使用該事件的好處在于它能夠實時檢測表單元素的輸入變化，無需等待用戶輸入完成。

下面是一個簡單的使用案例：

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

上述代碼中，當用戶在輸入“用戶名”輸入框中輸入內容時，oninput事件被觸發，它調用一個檢測用戶名是否已存在的函數。

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

總的來說，使用jquery oninput可以讓表單元素的驗證更加及時靈活，從而優化用戶體驗。