jQuery Check OnChange是一種用于檢測表單值更改的jQuery事件,該事件可以在用戶更改表單值時(shí)觸發(fā)相應(yīng)的函數(shù)和操作。
以下是一個(gè)例子:
$(document).ready(function(){ $('#myInput').on('change', function() { alert('input值已更改!'); }); });
在這個(gè)例子中,當(dāng)輸入框的值被更改時(shí),會彈出一個(gè)警示框,提示輸入框的值已經(jīng)更改。
另一個(gè)例子是在輸入框中使用jQuery驗(yàn)證表單:
$(document).ready(function(){ $('#myForm').on('change', 'input', function() { if($(this).val() === '') { $(this).addClass('error'); } else { $(this).removeClass('error'); } }); });
在這個(gè)例子中,當(dāng)表單中的任何輸入框的值更改時(shí),檢查它是否為空。如果為空,添加一個(gè)名為“error”的CSS類,這樣就可以在表單中為這些字段設(shè)置新樣式。
一定要記住,使用jQuery Check OnChange不會防止用戶直接更改DOM元素。因此,您必須針對不良用戶輸入采取其他預(yù)防措施。