代码目的是在提交前判断是否有输入框为空,如果为空则闪烁输入框边框提醒
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环中的延时</title>
<script src="jquery.min.js"></script>
<style>
//闪烁样式
.spark{
border:1px solid red;
}
</style>
<script>
function sparkLight(obj){
obj.toggleClass("spark");
}
function check(){
var flag = true;
$(".tem").each(function(i) {
if($(this).val()==""){
var inp = $(this);
(function(i) {
sparkLight(inp);
setTimeout(function() {
console.log(i);
sparkLight(inp);
}, 1000);
})(i)
flag = false;
//停止循环
return flag;
}
})
}
</script>
</head>
<body>
<input class="tem"/>
<input class="tem"/>
<input class="tem"/>
<button onclick="check()">test</button>
</body>
</html>