zoukankan      html  css  js  c++  java
  • jquery.validationEngine+ajax验证

    利用jquery.validationEngine ajax验证后台id是否已存在

    前台jquery validation框架验证

    jsp:

    <link rel="stylesheet" type="text/css" href="<%=path%>/js/css/validationEngine.jquery.css"/>
    <script type="text/javascript" src="<%=path%>/js/jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="<%=path%>/js/validation/jquery.validationEngine-cn.js"></script>
    <script type="text/javascript" src="<%=path%>/js/validation/jquery.validationEngine.js"></script>
    
     <input  type="text" name="item.entry" id="item_entry" class="validate[required,custom[onlyNumber],ajax[ajaxItemNoCall],length[0,4]] text-input" size="10"/></td>

     

    jquery.validationEngine-cn.js

                    "ajaxItemNoCall": {
    	                "url": "validateItemNo",
    				    "alertText": "* ID已被使用",
    				    "alertTextOk": "*ID可以使用",
    				    "alertTextLoad": "* 检查中, 请稍候..."
    	            }

     

    ItemAction.java

     

    @Action(results = {@Result(type="json")}, params = { "excludeProperties", "validateReturn"}, value="validateItemNo")
    	public String validateItemNo() throws Exception{
    		ActionContext ct = ActionContext.getContext();
    		HttpServletRequest request= 
    			(HttpServletRequest)ct.get(ServletActionContext. HTTP_REQUEST ); 
    		String validateId = request.getParameter("fieldId");
    		String validateValue = request.getParameter("fieldValue");
    		int valiValue = Integer.parseInt(validateValue);
    		   
    			item = itemService.findItemById(valiValue);
    				if(item.getEntry() != valiValue){
    					validateReturn[0] = validateId;
    					validateReturn[1] = true;
    					validateReturn[2] = "可以使用";
    				}else {
    					validateReturn[0] = validateId;
    					validateReturn[1] = false;
    					validateReturn[2] = "在指定ID已经存在";
    				}
    		return "success";
    	}

    ---------------------------------------------------------------------------------------------------------------------------------
    copyright:http://www.cnblogs.com/anee/
  • 相关阅读:
    web前端笔记1
    前端与后台交互所需技术
    js的HTML属性操作
    浮动塌陷
    前端与后端的交互(定义接口)
    AjAX(第3章 Ajax的简单例子(Ajax+PHP)
    AjAX(简单概要介绍)
    Bootstrap 学习之js插件(折叠(collapse)插件)
    Net core 项目 EF CodeFist 多重外键约束问题
    对VS 2017中ASP.NET Core项目解决:Add-Migration : 无法将“Add-Migration”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
  • 原文地址:https://www.cnblogs.com/anee/p/2675834.html
Copyright © 2011-2022 走看看