JSTL标签的使用

最新推荐文章于 2024-04-27 18:55:55 发布

最新推荐文章于 2024-04-27 18:55:55 发布 · 135 阅读

文章标签：

#C #C++ #C# #F# #JavaScript #ViewUI

Tips of my Java 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个账单管理页面的设计，主要内容包括账单日期与到期日期的输入验证、供应商下拉选择框的实现及新增供应商功能。通过JavaScript进行日期逻辑判断，确保账单日期不会晚于到期日期。

<%@ taglib uri="/WEB-INF/c.tld" prefix="c" %>

<script type="text/javascript">
  function newVendor(){
   window.open("<%=path%>/vendor/vendorAdd.jsp","_self");
  }
  
  function check(){
  var Date1 = document.f.bill_date.value;
  var Date2 = document.f.bill_due_date.value;
  if(f.bill_date.value==""){
   alert("Bill Date can't be null!");
   return false;
  }
  if(f.bill_due_date.value==""){
  alert("Bill Due Date can't be null!");
  return false;
  }
  
  if(Date1>Date2) 
  { 
  alert( "Bill Date can later than the Bill Due Date "); 
  return false; 
  }       
  return true;
  }
  
 </script>

<body>
    <form method="POST" action="<%=path %>/Bill/" name="f">
      
      <p align="center"><b><font color="#993333">Bill Date:
      <input type="text" name="bill_date" size="20">(yyyy-mm-dd)</font></b></p>
      
      <p align="center"><b><font color="#993333">Bill Due Date</font></b><font color="#993333"><b>:
      <input type="text" name="bill_due_date" size="20">(yyyy-mm-dd)</b></font></p>
      
      <p align="center"><font color="#993333"><b>
      Vendor:<select size="1" name="vendor_id_name" >
      <c:if test="${!empty BM}">
       <c:forEach items="${BM}" var="vendor">
        <option  value="${vendor.vendor_id }:${vendor.vendor_name }" >${vendor.vendor_name }</option>
        </c:forEach>
      </c:if>
      </select>
       <input type="button" value="new Vendor" name="B3" onclick="newVendor()" 
       style="background-color: #FDCC64; color: #800000; font-weight: bold"></b></font></p>
      <p align="center">
      <input type="submit" value="Add Department Item" name="B1" class="B1" onclick="return check()" >
      <input type="reset" value="Reset" name="B2" class="B1" ></p>
    </form>
  </body>