1.form表单(部分)
<td align="center">公司名称:</td>
<td><input type="text" name="companyName" id="companyName" class="Input_Register_One" οnblur="checkComapany()"/></td>
2.js
//创建ajax核心对象
function createXMLHttp()
{
var xmlHttp=false;
try {
xmlHttp=new XMLHttpRequest();
} catch (e) {
xmlHttp=new ActiveXObject("Microsoft.XMLHttp");
}
return xmlHttp;
}
//检测公司名称
function checkComapany()
{
var companyName=$("#companyName").val();//获取公司名
var companyNameInfo=$("#companyNameInfo");
var xmlHttp=createXMLHttp();
companyName=encodeURIComponent(encodeURIComponent(companyName)) ; //此处两次编码
var url="companyServlet?p=checkCompany&companyName="+companyName+"&xx="+Math.random();
xmlHttp.open("get",url);
xmlHttp.send(null);
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4 && xmlHttp.status==200)
{
var str=xmlHttp.responseText;
if(str=="true")
{
$("#companyNameInfo").html("<font color='red'>对不起,公司名已经存在,请重新输入!</font>");
document.getElementById('companyName').focus();
document.getElementById('companyName').value="";
return false;
}else
{
$("#companyNameInfo").html("");
return true;
}
}
}
}
3.后台servlet
public void checkCompany(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
PrintWriter out=response.getWriter();
String companyName=URLDecoder.decode(request.getParameter("companyName"), "utf-8");//获取传过来的企业名
Boolean b=companyService.checkCompanyName(companyName);//检验企业名是否已经存在
out.print(b);
}