提交 是否有空值

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
      table{
        border-collapse: collapse;
      }
      td,th{
        border: 1px solid #aaa;
        height: 45px;
      }
    </style>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>库存</th>
          <th>取量</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>12333</td>
          <td>
            <input type="text" name="" id="" value="" />
          </td>
        </tr>
        <tr>
          <td>12333</td>
          <td>
            <input type="text" name="" id="" value="" />
          </td>
        </tr>
      </tbody>
    </table>
  <br />
    <button class="" type="button">提交</button>
    <script src="js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      var arr=[];
      $("button").click(function(){

        arr=[];
        $("input").each(function(){
        var $this=$(this);
        var val=$this.val();
        var kucun=$this.closest('td').prev().html();
        var result=parseFloat(kucun-val);
        if(val==""){
          arr.push("isNull");
        }else{
          if(result>0){
            arr.push('yes');
          }else if(result<0){
            arr.push("no");
          }

        }
      });
      var index=arr.indexOf('isNull');//是否有空值
      var yIndex=arr.indexOf('yes');//库存足够
      var nIndex=arr.indexOf('no');//库存不足
      //console.log(index);
      if(index!=-1){
        alert("有空值");
      }else{
        if(nIndex!=-1){
          alert('库存不足');
        }else{
          alert("go on");
        }
      }
    })
</script>
</body>
</html>

posted @ 2019-04-07 19:12  lyt598  阅读(104)  评论(0编辑  收藏  举报