如果html页面中检验几个input的value有一个为空就输出alert提示的script代码点击alert的确定后能回到刚才的页面
可以使用以下JavaScript代码来实现该功能:
<script>
function checkInputs() {
var inputs = document.querySelectorAll('input');
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].value === '') {
alert('请填写所有字段!');
return false;
}
}
return true;
}
function submitForm() {
if (checkInputs()) {
// 执行表单提交操作
// ...
}
}
</script>
在上面的代码中,checkInputs函数用于检查所有的input元素的value属性是否为空。如果有任何一个为空,则弹出提示框并返回false,否则返回true。submitForm函数用于在表单提交时调用checkInputs函数,如果返回值为true,则执行表单提交操作。
你可以在表单的提交按钮上添加onclick事件来调用submitForm函数,如下所示:
<input type="submit" value="提交" onclick="submitForm()">
这样,在点击提交按钮时,如果有任何一个input的值为空,将弹出提示框。点击提示框的确定后,页面将回到刚才的状态
原文地址: http://www.cveoy.top/t/topic/hD23 著作权归作者所有。请勿转载和采集!