`

ajax 校验数据的唯一性

    博客分类:
  • ajax
 
阅读更多

 js代码

 

<script type="text/javascript">
	  var xmlHttp;
	  var flag = true;
	  function createXMLHttp(){
	   if(window.XMLHttpRequest){
	    xmlHttp=new XMLHttpRequest();
	    xmlHttp.overrideMimeType("text/xml");//会出行乱码,加一句这个看看;
	   }else{
	    xmlHttp=new ActiveXObject("microsoft.xmlhttp");
	   }
	  }
	  
	  function checkfCODE(){ 
	    var fcode= document.getElementById("fCODE").value;
	  	var id=document.getElementById("FID").value;
		   if(fcode==""){
		    document.getElementById("message").innerHTML="<font color='red'>区域编号不能为空</font>";
		    flag = false;
		    return ;
		   }
		   createXMLHttp();
		   xmlHttp.onreadystatechange = checkfCODECallback;
		   var url="${pageContext.request.contextPath}/area/area!sameNumCharge.action?formInfo.fCODE="+fcode+"&formInfo.fID="+id;
		   xmlHttp.open("post",url);
		   xmlHttp.send(null);
		  }
		  
		  function checkfCODECallback(){
		   if(xmlHttp.readyState==4){
		   	if(xmlHttp.status ==200){
		   		var text = xmlHttp.responseText;
		    	var message=document.getElementById("message");
			    while(message.hasChildNodes()) {   
	     			message.removeChild(message.firstChild);   
	    		}   
	    		
	    		var child = document.createTextNode();   
   				child.nodeValue =text;   
    			message.appendChild(child);
    			 
		    	if(text=="已经使用"){
		   			flag= false;
		   			document.getElementById("fCODE").select();//获得焦点,高亮显示。
		    	}else{
		    		flag=true;
		    	}
		   	}
		   }
		  }
   </script>

 

 Java代码:

/**
	 *增加区域编号唯一判断	
	 */
	public void sameNumCharge(){
		boolean flag=false;
		String id = String.valueOf(formInfo.getFID());
		AreaInfo info=new AreaInfo();
		info.setFCODE(formInfo.getFCODE());
		System.out.println(formInfo.getClass().getName());
		List<AreaInfo> arrayAreaInfo =manager.findAll(info);
		if(id != null && !id.equals("0")){// 表示修改时候的相同编号判断
			if(arrayAreaInfo != null && arrayAreaInfo.size()==1){
				AreaInfo areainfo = arrayAreaInfo.get(0);
				if(formInfo.getFID()==areainfo.getFID()){
					flag=true;
				}else{
					flag=false;
				}
			}else if(arrayAreaInfo!=null && arrayAreaInfo.size()==0){
				flag=true;
			}else{
				flag=false;
			}
		}else{  // 表示新增时候的相同编号判断
			if(arrayAreaInfo==null || arrayAreaInfo.size()==0){
				flag=true;
			}else if(arrayAreaInfo!=null && arrayAreaInfo.size()>0){
				flag=false;
			}
		}
		
		PrintWriter out;
		try{
			HttpServletResponse response=getResponse();
			response.setCharacterEncoding("utf-8");
			out=response.getWriter();
			if(flag){
				//可用
				out.print("可用");
				out.flush();
			}else{
				//不可用
				out.print("已经使用");
				out.flush();
			}
			out.close();
			
		}catch(IOException e){
			e.printStackTrace();
		}
	}	

  

 JSP代码:

 

 <s:textfield id="fCODE" name="formInfo.fCODE" onblur="checkfCODE();"/>
	        <font color="red" size="2px" id="message"></font>

 

 

 

 

这个用到的地方还真的,只是觉得每次都这么写还是挺麻烦。有简单的方法吗?

 

 

参考资料:Ajax :http://i5252592.iteye.com/blog/761770

 

JS :http://blog.sina.com.cn/s/blog_5f311bdb0100egw4.html

 

 

 

分享到:
评论

相关推荐

    Ajax 异步请求-校验用户名唯一性

    本文将深入探讨如何在MVC架构的项目中,利用Ajax实现异步请求来校验用户名的唯一性。 首先,让我们了解MVC(Model-View-Controller)模式。这是一个设计模式,常用于构建可维护性和可扩展性强的Web应用。Model代表...

    ajax用户身份校验

    **Ajax用户身份校验**是Web开发中一种常见的功能实现,它允许在不刷新整个页面的情况下,通过异步方式向服务器发送请求,检查输入的用户名是否已经被其他用户占用。这种方式提高了用户体验,因为用户可以在输入时...

    基于jQuery实现的Ajax 验证用户名唯一性实例代码

    本文实例详细介绍了如何使用jQuery和Ajax技术实现前端与后端的数据交互,以及如何在服务器端进行数据库查询来验证用户名的唯一性。这种验证机制是现代Web应用中用户注册和信息管理功能的重要组成部分,能有效提升...

    ajax+java+servlet+mysql实现用户注册输入校验结课设计实例

    在这个设计中,Servlet作为后端处理逻辑的中心,负责接收来自AJAX的请求,处理数据校验,比如检查用户名的唯一性,以及密码的复杂性等。Servlet还可以与MySQL数据库进行交互,执行SQL查询,以判断用户名是否已被占用...

    检查用户名唯一性(ValidateUser)

    本文将深入探讨“检查用户名唯一性(ValidateUser)”这一功能的实现,涉及的技术栈包括JSP、AJAX以及SQL Server数据库。 首先,JSP(JavaServer Pages)是一种基于Java的服务器端脚本语言,它允许开发人员在HTML中...

    企业动态网站应用程序开发——输入数据实时校验函数及使用方法(Javascript篇)

    3. **自定义验证逻辑**:除了基本的格式验证,还可以根据业务需求编写自定义校验逻辑,比如验证数字范围、检查密码强度、验证用户名唯一性等。 4. **错误提示**:当数据不符合要求时,实时校验函数应能够即时显示...

    Ajax校验是否重复的实现代码

    在当今的Web开发实践中,Ajax校验是一个常见而重要的功能。它能够提高用户界面的响应性,使得用户在提交表单之前就能得到数据是否满足要求的反馈,从而提升用户体验。本文将详细介绍一个Ajax校验是否重复的实现代码...

    jquery easyUI中ajax异步校验用户名

    在Web应用中,经常需要进行表单校验,确保数据的正确性和用户友好性。在jquery easyUI中实现ajax异步校验用户名,可以有效地提高用户体验,同时保证数据的准确性和安全性。 首先,要实现jquery easyUI中ajax异步...

    Ajax通用的数据验证程序

    4. **唯一性检查**:确保输入的数据在数据库中是唯一的,如用户名或ID。 5. **复杂性检查**:对于密码,可能需要包含特定字符组合,如大小写字母、数字和特殊字符。 在**一般处理程序(ASHX)数据验证**中,我们...

    jq 表单校验工具

    例如,可以使用Ajax进行用户名或邮箱的唯一性检查。 最后,"自定义函数校验"允许开发者编写自己的验证逻辑,以满足那些无法用标准规则覆盖的特定场景。通过定义自定义函数,你可以实现任何复杂的校验逻辑,为表单...

    AJAX 用户唯一性验证实现代码

    ### AJAX 用户唯一性验证实现代码解析 在现代Web开发中,确保用户数据的唯一性是十分重要的一个环节,尤其是在注册过程中验证用户名是否已经被其他用户占用。本文将详细解析如何使用AJAX技术实现用户名的实时唯一性...

    使用php+Ajax实现唯一校验实现代码[简单应用]

    PHP主要处理与MySQL数据库的交互,进行用户数据的唯一性校验。 知识点包括: - PHP代码的编写与执行。 - PHP操作MySQL数据库,包括数据库连接、SQL语句的执行等。 - 使用PHP处理来自Ajax请求的数据,并返回响应。 -...

    利用ajax和jsp,JavaScript实现的注册系统

    开发者会在JSP页面中编写Java代码,处理Ajax请求,比如验证接收到的注册信息、查询数据库以检查用户名的唯一性,以及在用户成功注册后,将其信息存储到数据库。 **注册过程**: 1. **前端验证**:用户在前端界面...

    使用AJAX对注册用户名判断

    AJAX(Asynchronous JavaScript and XML)技术可以在此场景下发挥重要作用,它允许我们在不刷新整个页面的情况下与服务器进行异步数据交换。下面将详细阐述如何使用AJAX对注册用户名进行判断。 首先,理解AJAX的...

    Ajax实现用户注册

    后端收到注册请求后,应校验用户名的唯一性,检查密码强度,并进行其他必要的业务逻辑处理。如果注册成功,返回相应的成功信息;如果失败,返回错误信息。 总结:通过Ajax实现用户注册,可以使用户在不离开当前页面...

    PHP+Mysql+Ajax实现注册时用户名验证

    然后,Ajax(异步JavaScript和XML)用于在不刷新整个页面的情况下从服务器获取数据。在注册表单中,当用户输入用户名并失去焦点时,我们可以使用Ajax发送一个请求到服务器,验证用户名。这里是一个使用jQuery的示例...

    springMVC3.2实现后台校验

    在Spring MVC中,后台校验是确保数据输入正确性的重要环节,它可以防止无效或错误的数据进入系统,从而保护数据的完整性和系统的稳定性。本文将详细讨论如何在Spring MVC 3.2版本中实现后台校验。 首先,我们需要...

    ajax登录验证

    在压缩包中的“ajax注册验证”文件,虽然没有详细信息,但我们可以推测它可能包含了类似的注册功能,即用户输入新账号信息并通过Ajax发送到服务器进行验证,确保用户名的唯一性,防止重复注册。 总结来说,"ajax...

    ajax开发实例描述

    在用户注册场景中,可以利用 Ajax 实现异步验证用户名的唯一性。创建一个表单,通过 Ajax 发送用户名到服务器进行校验,服务器返回结果后,使用 JavaScript 显示提示信息,无需弹窗或页面刷新。 **3. 级联菜单** ...

Global site tag (gtag.js) - Google Analytics