jQuery最方便的前端验证方式2种(非空验证与比较验证)
$(document).ready(function() {
// 非空验证
$('#input1').on('blur', function() {
if ($(this).val() === '') {
alert('输入不能为空!');
}
});
// 比较验证
$('#input2').on('blur', function() {
if ($(this).val() < 100) {
alert('输入值必须大于等于100!');
}
});
});
这段代码使用jQuery为两个输入框添加了失去焦点(blur
)事件的监听器。当输入框#input1
失去焦点时,如果其值为空,则弹出警告框提示用户输入不能为空。当输入框#input2
失去焦点时,如果其值小于100,则弹出警告框提示用户输入值必须大于等于100。这是前端验证的常见需求,jQuery 使得这种操作变得简单而高效。
评论已关闭