您所在位置：主题：[原创]请问JSP动态的剩余数怎么显示
83957595
[专家分：0] 发布于 2008-03-31 19:42:00
各位高手 小弟有一个问题希望高手能给我解答以下 我在做个在线发送短信的工程 在增加部门的时候 有个部门短信配额 如何才能把短信配额动态的显示剩余数量 例如
部门ID: 10
部门名称:XXX
短信配额:1000
短信配额最大为5000条
还剩4000条 注:必须为动态显示 请高手告诉小弟 谢谢
底下是一页代码
<%@ page contentType="text/html; charset=GBK" %>
<%@page contentType="text/html; charset=GBK"%>
<%@page import="com.backsea.sms.database.*"%>
<%@page import="com.backsea.sms.actions.*"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.*"%>
<%@ include file="../index.jsp"%>
<%!
String iso2GB(String src){
String tmp = null;
try{
tmp = new String(src.getBytes("iso-8859-1"),"GB2312");
}catch(Exception ex){
ex.printStackTrace();
}
return tmp;
}
%>
<script type="text/javascript">
function check(){
var u = document.f3.depName.value;
var p = document.f3.smscount.value;
if(u.length == 0){
alert("请输入部门名！！");
document.f3.depName.focus();
return false;
}
if(p.length == 0){
alert("请输入配额！！");
document.f3.smscount.focus();
return false;
}
//验证字母数字汉字
if(!isDigit(p)){
document.f3.smscount.value ="";
return false;
}
if(!isChinese(u)){
return false;
}
}
function isDigit(s){
var pattern = /^[0-9]{1,20}$/;
var i = 0;
for(i=0;i<s.length;i++){
var s2 = s.charAt(i);
//alert(patern.test(s2));
if(!pattern.test(s2)){
alert("配额只能是数字！");
return false;
}
}
return true;
}
//验证汉字 字母 数字
function isChinese(s)
{
//正则表达式 模式[0-9]{1,20}|[A-Za-z]+|
var patern=/^[\u0391-\uFFE5]+|[A-Za-z]+|[0-9]{1,20}$/; //数字字母 汉字
var i = 0;
for(i=0;i<s.length;i++){
var s2 = s.charAt(i);
//alert(patern.test(s2));
if(!patern.test(s2)){
alert("部门名只能使用汉字 字母 数字！");
return false;
}
}
return true;
}
var req;
var req2;
function Go()
{ //var req;
//alert("服务器响应来了!!");
//第一步：初始化
req = getNewXMLHttpRequest();
//第二步 取得表单中需要的数据
var depID_value = document.f3.depID.value;
//第三步 建立要连接的URL
var url = "Depcheck.jsp?depID="+depID_value;
//第四步 打开到服务器的连接
req.open("POST",url , true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.send(null);
//第五步 设置服务器在完成后要运行的函数(设置回调函数)
req.onreadystatechange = doWhenServerBack2;
//第六步 发送请求 (输入数据)
}
//回调函数一，弹出对话框显示
//回调函数一，弹出对话框显示
function doWhenServerBack(){
if (req.readyState == 4) {
//alert("服务器响应来了!!");
var sMsg = req.responseText;
alert(sMsg);
}
}
//回调函数二,本页显示
function doWhenServerBack2(){
if (req.readyState == 4) {
//alert("服务器响应来了!!");
if(req.status == 200){
var sMsg = req.responseText;
document.getElementById("show").innerHTML=sMsg;
}
}
}
function Go2()
{ //var req2;
//alert("服务器响应来了!!");
//第一步：初始化
req2 = getNewXMLHttpRequest();
//第二步 取得表单中需要的数据
var depName_value = document.f3.depName.value;
//第三步 建立要连接的URL
var url = "DepcheckName.jsp?depName="+depName_value;
//第四步 打开到服务器的连接
req2.open("POST",url , true);
req2.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req2.send(null);
//第五步 设置服务器在完成后要运行的函数(设置回调函数)
req2.onreadystatechange = doWhenServerBack3;
//第六步 发送请求 (输入数据)
}
//初始化函数 得到一个XMLHttpRequest实例
function doWhenServerBack3(){
if (req2.readyState == 4) {
//alert("服务器响应来了!!");
var sMsg2 = req2.responseText;
document.getElementById("show2").innerHTML=sMsg2;
}
}
//回调函数二,本页显示
function doWhenServerBack4(){
if (req2.readyState == 4) {
//alert("服务器响应来了!!");
if(req2.status == 200){
var sMsg2 = req2.responseText;
document.getElementById("show2").innerHTML=sMsg2;
}
}
}
function getNewXMLHttpRequest() {
var xmlreq = false;
// 在非微软浏览器创建XMLHttpRequest实例
if (window.XMLHttpRequest) {
xmlreq = new XMLHttpRequest();
//alert("非微软浏览器");
} else if (window.ActiveXObject) {
try {
//试图在较新版本的IE中创建XMLHttpRequest
xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
//alert("新版本的IE");
} catch (e1) {
try {
// 验证是否可以获得低版本的IE的
xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
alert("低版本的IE");
} catch (e2) {
xmlreq = false;
}
}
}
return xmlreq;
}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<%
ConnectionManage cm = new ConnectionManage();
DepManage dm = new DepManage(cm.getConn());
int depid=dm.getNextDepId();
//ArrayList depList = dm.getDepList();
%>
<br><br><br><br><br><br>
<div align="center"><h3>增加部门</h3></div>
<div align="center">
<form name="f3" action="doAddDep.jsp" method="POST">
<table width="75%" border="1"bgcolor="lightblue">
<tr>
<td width="31%">部门ID</td>
<td width="69%">
<input type="text" name="depID" size="30"id="depID" value="<%=depid%>" onchange="return Go();"/>
<div id="show"></div>
</td>
</tr>
<tr>
<td width="31%">部门名称</td>
<td width="69%">
<input type="text" name="depName" size="30"id="depName" onchange="return Go2();"/>
<div id="show2"></div>
</td>
</tr>
<tr>
<td width="31%">短信配额</td>
<td width="69%">
<input type="text" name="smscount" size="30"/>
<br> 当前系统配额<b><font color="#0033FF">90000</font></b>条</td>还剩条短信
</tr>
<tr>
<td width="31%"> </td>
<td width="69%">
<input type="submit" value="提交"/>
<input type="reset" value="重置" />
<input type="hidden" name="type" value="addDep"/>
</td>
</tr>
</table>
</form>
<div align="center">短信Web平台</div>
</div>
<hr/>
</body>
</html>
部门ID: 10
部门名称:XXX
短信配额:1000
短信配额最大为5000条
还剩4000条 注:必须为动态显示 请高手告诉小弟 谢谢
底下是一页代码
<%@ page contentType="text/html; charset=GBK" %>
<%@page contentType="text/html; charset=GBK"%>
<%@page import="com.backsea.sms.database.*"%>
<%@page import="com.backsea.sms.actions.*"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.*"%>
<%@ include file="../index.jsp"%>
<%!
String iso2GB(String src){
String tmp = null;
try{
tmp = new String(src.getBytes("iso-8859-1"),"GB2312");
}catch(Exception ex){
ex.printStackTrace();
}
return tmp;
}
%>
<script type="text/javascript">
function check(){
var u = document.f3.depName.value;
var p = document.f3.smscount.value;
if(u.length == 0){
alert("请输入部门名！！");
document.f3.depName.focus();
return false;
}
if(p.length == 0){
alert("请输入配额！！");
document.f3.smscount.focus();
return false;
}
//验证字母数字汉字
if(!isDigit(p)){
document.f3.smscount.value ="";
return false;
}
if(!isChinese(u)){
return false;
}
}
function isDigit(s){
var pattern = /^[0-9]{1,20}$/;
var i = 0;
for(i=0;i<s.length;i++){
var s2 = s.charAt(i);
//alert(patern.test(s2));
if(!pattern.test(s2)){
alert("配额只能是数字！");
return false;
}
}
return true;
}
//验证汉字 字母 数字
function isChinese(s)
{
//正则表达式 模式[0-9]{1,20}|[A-Za-z]+|
var patern=/^[\u0391-\uFFE5]+|[A-Za-z]+|[0-9]{1,20}$/; //数字字母 汉字
var i = 0;
for(i=0;i<s.length;i++){
var s2 = s.charAt(i);
//alert(patern.test(s2));
if(!patern.test(s2)){
alert("部门名只能使用汉字 字母 数字！");
return false;
}
}
return true;
}
var req;
var req2;
function Go()
{ //var req;
//alert("服务器响应来了!!");
//第一步：初始化
req = getNewXMLHttpRequest();
//第二步 取得表单中需要的数据
var depID_value = document.f3.depID.value;
//第三步 建立要连接的URL
var url = "Depcheck.jsp?depID="+depID_value;
//第四步 打开到服务器的连接
req.open("POST",url , true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.send(null);
//第五步 设置服务器在完成后要运行的函数(设置回调函数)
req.onreadystatechange = doWhenServerBack2;
//第六步 发送请求 (输入数据)
}
//回调函数一，弹出对话框显示
//回调函数一，弹出对话框显示
function doWhenServerBack(){
if (req.readyState == 4) {
//alert("服务器响应来了!!");
var sMsg = req.responseText;
alert(sMsg);
}
}
//回调函数二,本页显示
function doWhenServerBack2(){
if (req.readyState == 4) {
//alert("服务器响应来了!!");
if(req.status == 200){
var sMsg = req.responseText;
document.getElementById("show").innerHTML=sMsg;
}
}
}
function Go2()
{ //var req2;
//alert("服务器响应来了!!");
//第一步：初始化
req2 = getNewXMLHttpRequest();
//第二步 取得表单中需要的数据
var depName_value = document.f3.depName.value;
//第三步 建立要连接的URL
var url = "DepcheckName.jsp?depName="+depName_value;
//第四步 打开到服务器的连接
req2.open("POST",url , true);
req2.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req2.send(null);
//第五步 设置服务器在完成后要运行的函数(设置回调函数)
req2.onreadystatechange = doWhenServerBack3;
//第六步 发送请求 (输入数据)
}
//初始化函数 得到一个XMLHttpRequest实例
function doWhenServerBack3(){
if (req2.readyState == 4) {
//alert("服务器响应来了!!");
var sMsg2 = req2.responseText;
document.getElementById("show2").innerHTML=sMsg2;
}
}
//回调函数二,本页显示
function doWhenServerBack4(){
if (req2.readyState == 4) {
//alert("服务器响应来了!!");
if(req2.status == 200){
var sMsg2 = req2.responseText;
document.getElementById("show2").innerHTML=sMsg2;
}
}
}
function getNewXMLHttpRequest() {
var xmlreq = false;
// 在非微软浏览器创建XMLHttpRequest实例
if (window.XMLHttpRequest) {
xmlreq = new XMLHttpRequest();
//alert("非微软浏览器");
} else if (window.ActiveXObject) {
try {
//试图在较新版本的IE中创建XMLHttpRequest
xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
//alert("新版本的IE");
} catch (e1) {
try {
// 验证是否可以获得低版本的IE的
xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
alert("低版本的IE");
} catch (e2) {
xmlreq = false;
}
}
}
return xmlreq;
}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<%
ConnectionManage cm = new ConnectionManage();
DepManage dm = new DepManage(cm.getConn());
int depid=dm.getNextDepId();
//ArrayList depList = dm.getDepList();
%>
<br><br><br><br><br><br>
<div align="center"><h3>增加部门</h3></div>
<div align="center">
<form name="f3" action="doAddDep.jsp" method="POST">
<table width="75%" border="1"bgcolor="lightblue">
<tr>
<td width="31%">部门ID</td>
<td width="69%">
<input type="text" name="depID" size="30"id="depID" value="<%=depid%>" onchange="return Go();"/>
<div id="show"></div>
</td>
</tr>
<tr>
<td width="31%">部门名称</td>
<td width="69%">
<input type="text" name="depName" size="30"id="depName" onchange="return Go2();"/>
<div id="show2"></div>
</td>
</tr>
<tr>
<td width="31%">短信配额</td>
<td width="69%">
<input type="text" name="smscount" size="30"/>
<br> 当前系统配额<b><font color="#0033FF">90000</font></b>条</td>还剩条短信
</tr>
<tr>
<td width="31%"> </td>
<td width="69%">
<input type="submit" value="提交"/>
<input type="reset" value="重置" />
<input type="hidden" name="type" value="addDep"/>
</td>
</tr>
</table>
</form>
<div align="center">短信Web平台</div>
</div>
<hr/>
</body>
</html>