⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 buy.jsp~78~

📁 网上购书系统
💻 JSP~78~
字号:
<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>BookCarList</title>
<SCRIPT LANGUAGE="JavaScript">
function changeto(highlightcolor){
  source=event.srcElement
  if (source.tagName=="TR"||source.tagName=="TABLE")
  return
  while(source.tagName!="TR")
  source=source.parentElement
  if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
  source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
  if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
  return
  if (event.toElement!=source)
  source.style.backgroundColor=originalcolor
}

function check()
{
  var name=document.getElementById("name");
  var sex = document.getElementById("sex");
  var postnum = document.getElementById("postnum");
  var address = document.getElementById("address");
  var tel = document.getElementById("tel");
  var mail = document.getElementById("mail");
  var idnumber = document.getElementById("idnumber");
  var banknumber = document.getElementById("banknumber");
  var memo = document.getElementById("memo");
  var myreg=/^[A-Za-z0-9]+\@+[A-Za-z0-9]+\.+[A-Za-z]{2,3}$/;
  if(name.value=="")
  {
    alert("姓名不能为空!");
    return false;
  }
  else if(name.value.length<2||name.value.length>10)
  {
    alert("姓名长度不符!");
    return false;
  }
  if(postnum.value=="")
  {
    alert("邮政编码不能为空!");
    return false;
  }
  if(postnum.value.length!=6)
  {
    alert("邮政编码长度不符!");
    return false;
  }
  if(address.value=="")
  {
    alert("地址不能为空!");
    return false;
  }
  if(tel.value=="")
  {
    alert("电话号码不能为空!");
    return false;
  }
  if(mail.value=="")
  {
    alert("邮箱不能为空!");
    return false;
  }
  if(myreg.test(mail.value)!=true)
  {
    alert("请正确填写邮箱!");
    return false;
  }
  if(idnumber.value=="")
  {
    alert("身份证号码不能为空!");
    return false;
  }
  if(idnumber.value.length!=15)
  {
    alert("身份证号码不是15位!");
    return false;
  }
  if(banknumber.value=="")
  {
    alert("银行卡号号码不能为空!");
    return false;
  }

  var myWd = window.open("","","");
  var strResult="";
  strResult = "<h1>提交结果</h1><br><hr>";
  strResult += "收货人姓名:"+ name.value + "<br>";
  strResult += "性别:"+ sex.value + "<br>";
  strResult += "邮政编码:"+ postnum.value + "<br>";
  strResult += "地址:"+ address.value + "<br>";
  strResult += "联系电话:"+ tel.value + "<br>";
  strResult += "邮箱:" + mail.value + "<br>";
  strResult += "交易人身份证号码:"+ idnumber.value + "<br>";
  strResult += "付款帐号:" + banknumber.value + "<br>";
  strResult += "书名:" + ${book.bookName} + "<br>";
  strResult += "付款金额:" + ${totalprice} + "<br>";
  strResult += "备注:" + memo.value + "<br><hr>";

  myWd.document.write(strResult);
}

function inputNum()
{
  if((event.keyCode<48 || event.keyCode > 57) && event.keyCode !=8 )
  {
    return false;
  }
  return true;
}
</SCRIPT>
</head>
<body bgcolor="#ccffcc">
<h1 align="center">您的购物车</h1>
<table width="60%">
    <tr>
      <td>
      </td>
      <td>图书名称</td>
      <td>数量</td>
      <td>图书价格</td>
    </tr>
  <c:forEach items="${list}" var="book">
    <tr onMouseOver="changeto('lightgreen')" onMouseOut="changeback('#ccffcc')">
      <td>
        <input name="imageField" type="image" src="${book.bookPath}" width="84" height="112" border="0">
      </td>
      <input type='hidden' name='BookId' value='${book.bookId}'>
      <input type='hidden' name='BookName' value='${book.bookName}'>
      <input type='hidden' name='BookAuthor' value='${book.bookAuthor}'>
      <input type='hidden' name='BookPublish' value='${book.bookPublish}'>
      <input type='hidden' name='BookPubDate' value='${book.bookPubDate}'>
      <input type='hidden' name='BookPrice' value='${book.bookPrice}'>
      <input type='hidden' name='BookNum' value='${book.bookNum}'>

      <td>${book.bookName}    </td>
      <td>${book.selectNum}  </td>
      <td>${book.bookPrice}&nbsp;元</td>
    </tr>
    <tr onMouseOver="changeto('lightgreen')" onMouseOut="changeback('#ccffcc')">
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </c:forEach>
  <tr onMouseOver="changeto('lightgreen')" onMouseOut="changeback('#ccffcc')">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><font face="隶书" style="font-size:.5cm">总计${totalprice}:元</font></td>
  </tr>
</table>
<hr align="left" width="60%" size="2" noshade="noshade" color="#FF0000">
  <form action="buyaction" method="post" name="Information" onSubmit="return check();">
  <table width="700" height="700" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#000000">
    <tr align="center" bgcolor="#FFFFCC">
      <td height="40" colspan="2"><h1 class="style1">交易信息</h1>
      <p class="style1"><font color="#FF0000" size="4">(为保证交易成功,请认真填写必填信息)</font></p></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>收货人姓名:</td>
      <td width="279" bgcolor="#33FFFF"><input name="name" type="text" id="name" maxlength="10">
        <span class="style3"></span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>性别:</td>
      <td bgcolor="#33FFFF"><input name="sex" type="radio" value="男" checked>
      男&nbsp;&nbsp;&nbsp;
      <input type="radio" name="sex" value="女">
      女<span class="style3"></span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>邮政编码:</td>
      <td bgcolor="#33FFFF"><input name="postnum" type="text" id="postnum" maxlength="6"></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>地址:</td>
      <td bgcolor="#33FFFF"><input name="address" type="text" id="address">
        <span class="style3"></span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>联系电话:</td>
      <td bgcolor="#33FFFF"><input name="tel" type="text" id="tel" maxlength="11" onkeypress="return inputNum();"></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>E-mail:</td>
      <td bgcolor="#33FFFF"><input name="mail" type="text" id="mail" maxlength="20"></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>交易人身份证号码:</td>
      <td bgcolor="#33FFFF"><input name="idnumber" type="text" id="idnumber" maxlength="15" onkeypress="return inputNum();"><font color="#FF0000">(15位)</font></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99"><span class="style3"><font color="#FF0000">*</font></span>付款帐号:</td>
      <td bgcolor="#33FFFF"><input name="banknumber" type="text" id="banknumber" maxlength="20" onkeypress="return inputNum();"></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99">书名:</td>
      <td bgcolor="#33FFFF"><input name="bookname" type="text" id="bookname" maxlength="20" value="BookNum" disabled></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99">付款金额:</td>
      <td bgcolor="#33FFFF"><input name="totalprice" type="text" id="totalprice" maxlength="20" value="${totalprice}" disabled></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td align="right" bgcolor="#99FF99">备注:</td>
      <td bgcolor="#33FFFF"><textarea name="memo" cols="70" rows="4" id="memo"></textarea>        <span class="style3"></span></td>
    </tr>
    <tr align="center" bgcolor="#FFFFCC">
      <td colspan="2"><input type="submit" name="Submit" value="付款">
        <input type="reset" name="Submit1" value="重写"></td>
    </tr>
  </table>
  </form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -