<script src="script/client_validate.js"></script>
<script type="text/javascript">
function validateForm(form) {
var msg = "";
if (trim(form.clientId.value).length == 0) {
msg+= "分销商代码不能为空!\n";
}
if (trim(document.getElementById("clientIdSpan").innerHTML) != "") {
msg+="分销商代码已经存在!\n";
}
if (trim(form.clientName.value).length == 0) {
msg+= "分销商名称不能为空!";
}
if (msg != "") {
alert(msg);
return false;
}
return true;
}
var xmlHttp;
function createXMLHttpRequest() {
//表示当前浏览器不是ie,如ns,firefox
if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function validateClientId(field) {
if (trim(field.value).length != 0) {
//创建XMLHttpRequest
createXMLHttpRequest();
//jsp的高级中都配这个<base href="<%=basePath %>">因为这是相当于根路径,你所有的都是资源都是从根开始找的,不用再写../../这种相对路径
var url = "<%=basePath%>servlet/ClientIdValidateServlet?clientId=" + trim(field.value) + "×tamp=" + new Date().getTime();
xmlHttp.open("GET", url, true);
//方法地址,处理完成后自动调用,回调
xmlHttp.onreadystatechange=function() { //匿名函数
if(xmlHttp.readyState == 4) { //Ajax引擎初始化成功
if (xmlHttp.status == 200) { //http协议成功
if (trim(xmlHttp.responseText) != "") {//xmlHttp.responseText就是服务器端response.getWriter().print("分销商代码已经存在!");
document.getElementById("clientIdSpan").innerHTML = "<font color='red'>" + xmlHttp.responseText + "</font>";
}else {
document.getElementById("clientIdSpan").innerHTML = "";
}
}else {
alert("请求失败,错误码=" + xmlHttp.status);
}
}
};
//将参数发送到Ajax引擎
xmlHttp.send(null);
}else {
document.getElementById("clientIdSpan").innerHTML = "";//只是为输入为空是清空写入内容
}
}
</script>
ajax详细解说(含jsp的高级特性)
最新推荐文章于 2021-08-05 21:35:53 发布