//Ajx實(shí)現(xiàn)異步示例，blur實(shí)現(xiàn)失去焦點(diǎn)觸發(fā)

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

function check(){

alert("開始執(zhí)行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);

//執(zhí)行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執(zhí)行到此了");

}

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的第一個(gè)值

//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;

}

}

總結(jié)

以上是生活随笔為你收集整理的ajax实现表单验证 html,Ajax+ajax做的表单验证的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。