使用jQuery和for循环添加验证。下面是代码示例:
HTML:
jQuery:
$(document).ready(function() {
$('#form1').submit(function(e) {
e.preventDefault();
var valid = true;
$('form1 input').each(function() {
if($(this).val() === '') {
alert('请填写所有字段!');
valid = false;
return false;
}
});
if(valid) {
// 执行提交操作…
}
});
});
这段代码采用jQuery选择器选择表单元素,并使用each()方法遍历每个输入字段。如果字段值为空,将显示警告消息并设置valid变量为false,以防止表单被提交。如果所有字段均有效,则执行提交操作。