jQuery Check OnChange是一種用于檢測(cè)表單值更改的jQuery事件,該事件可以在用戶(hù)更改表單值時(shí)觸發(fā)相應(yīng)的函數(shù)和操作。
以下是一個(gè)例子:
$(document).ready(function(){ $('#myInput').on('change', function() { alert('input值已更改!'); }); });
在這個(gè)例子中,當(dāng)輸入框的值被更改時(shí),會(huì)彈出一個(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類(lèi),這樣就可以在表單中為這些字段設(shè)置新樣式。
一定要記住,使用jQuery Check OnChange不會(huì)防止用戶(hù)直接更改DOM元素。因此,您必須針對(duì)不良用戶(hù)輸入采取其他預(yù)防措施。