200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > ajax实现表单验证 html Ajax+ajax做的表单验证

ajax实现表单验证 html Ajax+ajax做的表单验证

时间:2024-03-05 17:47:40

相关推荐

ajax实现表单验证 html Ajax+ajax做的表单验证

//Ajx实现异步示例,blur实现失去焦点触发

jQuery('#formname').blur(check);

function check(){

alert("开始执行Ajax");

//判断用户是否存在

var formname = jQuery("#formname").val();

if(formname==""){

jQuery('#msgName').html('表单名称不能为空');

jQuery('#msgName').css("color","red");

jQuery('#msgName').css("font-size","2em");

//通过id使save按钮disabled

jQuery('#save').attr("disabled","disabled");

}else{

//alert("formName======"+formname);

//执行action类

var urlimp = '';

jQuery.ajax({

type: "POST",

url: urlimp,

data: "cmd=check&formname="+formname,

success: function(msg){

alert( "Data Saved: " + msg );

if(msg=='exist'){

//已存在(控制css)

jQuery('#save').attr("disabled","disabled");

alert("disable");

jQuery('#msgName').html('该表单名已存在');

alert("disable1");

jQuery('#msgName').css("color","red");

jQuery('#msgName').css("font-size","2em");

//保存按钮不可用

// jQuery('#save').attr("disabled","disabled");

}

if(msg=='unexist'){

//通过

jQuery('#msgName').html('该表单名可用');

jQuery('#msgName').css("color","green");

jQuery('#msgName').css("font-size","2em");

//保存按钮可用

jQuery('#save').removeAttr("disabled");

}

}

});

}

//alert("haha执行到此了");

}

Action类:

package com.ext.portlet.song.action;

import java.io.PrintWriter;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.ActionForm;

import org.apache.struts.action.ActionForward;

import org.apache.struts.action.ActionMapping;

import com.ext.portlet.song.model.FormNameBean80425986;

import com.ext.portlet.song.service.FormNameBean80425986LocalServiceUtil;

import com.liferay.portal.struts.AJAXAction;

public class AjaxAction extends AJAXAction {

@Override

public ActionForward execute(ActionMapping mapping, ActionForm arg1,

HttpServletRequest requst, HttpServletResponse response) throws Exception {

// TODO Auto-generated method stub

System.out.println("AjaxxAction.execute()");

String formname = requst.getParameter("formname");

System.out.println("formName++++++++++++"+formname);

response.setContentType("text/html;charset=utf-8");

PrintWriter out = response.getWriter();

//通过表单名查找

List list=FormNameBean80425986LocalServiceUtil.findByformname(formname);

if(list==null||list.isEmpty())

{

out.print("unexist");

return null;

}else{

FormNameBean80425986 formbean=(FormNameBean80425986) list.get(0);

out.print("exist");

}

System.out.println("list"+list.size());

//得到list的第一个值

//System.out.println("formbean"+formbean.getFormname()+"_________________________");

//FormNameBean80425986 formbean = FormNameBean80425986LocalServiceUtil.findByformname(formname);

out.flush();

out.close();

return null;

//return super.execute(arg0, arg1, arg2, arg3);

}

@Override

public String getText(ActionMapping arg0, ActionForm arg1,

HttpServletRequest arg2, HttpServletResponse arg3) throws Exception {

// TODO Auto-generated method stub

return null;

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。