|
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); } |