js如何判断大量的字段是否等于空。

62 阅读 0 评论 41 点赞

我是靠谱客的博主壮观汽车，最近开发中收集的这篇文章主要介绍js如何判断大量的字段是否等于空。，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

every()是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。
some()是对数组中每一项运行给定函数，如果该函数对任一项返回true，则返回true。
他们都需要一个内置函数，eveny（）同‘&&’，some（）同 ‘||’

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<title></title>
</head>
<script src="../../js/jquery/jquery.min.js"></script>
<body>
<p>如何判断多个参数等于一个条件<p>
<p>例1： 假设有下面6个输入框，如果都为空，提示条件不足</p>
<table>
<tr>
<td>input1:<input id="inp1" type="text"/></td>
<td>input2:<input id="inp2" type="text"/></td>
<td>input3:<input id="inp3" type="text"/></td>
<td>input4:<input id="inp4" type="text"/></td>
<td>input5:<input id="inp5" type="text"/></td>
<td>input6:<input id="inp6" type="text"/></td>
<td><input type="button" id="getValue" value="获取值" ></td>
</tr>
</table>
<script type="text/javascript">
$(function (){
init();
})
function init(){
$("#getValue").on('click',function(){
var inp1 = $("#inp1").val();
var inp2 = $("#inp2").val();
var inp3 = $("#inp4").val();
var inp4 = $("#inp4").val();
var inp5 = $("#inp6").val();
var inp6 = $("#inp6").val();
//解法1： 这样很繁琐，入股有大量的字段要这样判断，会写很长一段代码
if("" == inp1 && "" ==inp2 && "" ==inp3 && "" ==inp4 && "" ==inp5 && "" ==inp6){
alert("条件不足!");
}
//这里是&&的关系
//解法2：every()是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。
//量小显示不出来，量大就显示出来好处了
if([inp1,inp2,inp3,inp4,inp5,inp6].every(function(item, index, array){return item == "";})){
alert("every条件不足")
}
//这里是||的关系
//解法三:some()是对数组中每一项运行给定函数，如果该函数对任一项返回true，则返回true。
//量小显示不出来，量大就显示出来好处了
if([inp1,inp2,inp3,inp4,inp5,inp6].some(function(item, index, array){return item == "";})){
alert("some条件不足")
}
//当都为空时解法1和解法2 会被弹出，当输入时，解法三会被弹出
});
}
</script>
</body>
</html>