jQuery的Ajax在表单上的运用

jQuery的特点是它的使用起来简单,下面介绍一个今天写的表单实例。
1、引入jQuery。

2、验证和提交的代码

function Check() {
	//验证
	if($("#mobile").val()=="" ||$("#uniquecode").val()=="" || $("#textCode").val()==""  ) {
		alert("手机号、唯一码、验证码不得为空");
		return false;
	} else {
		return true;
	}

}

function LoginSuccess() {
	$.post("get_check.php",{"mobile":$("#mobile").val(),"uniquecode":$("#uniquecode").val(),"textCode":$("#textCode").val()},function(data) {
		alert(data);
		$("#mobile").val("");
		$("#uniquecode").val("");
		$("#textCode").val("");
		$("#randomcode").attr("src","doimg.php");
	})

}

function Login() {
	if(Check()) {
		LoginSuccess();
	}
}

$(document).ready(function() {
	$("#submitbutton").click(function(){
		Login();
	})
})

3、DEMO http://vip.peaksport.com

随机日志

  • 任务栏图标不见的正确处理方法
    常常发现在任务栏中的小喇叭,等突然消失了,但是耳麦还是能听到声音。还有一些应用程序,例如天网防火墙,打开任务管理器也都有运行,但是在任务栏右侧就是没有显示图标。 这种情况的处理办法是:点击显示联网的UPnP设备的图标。如下图 [caption id="attachment_17" align="alignnone" width="300" caption="任务栏图标不见的正确处理方法...
  • 自己说过的一些话
    翻开以前的一些记录,发现自己说过以下话,有点意思,无聊一下,特此记录。 有关技术: 1、ERP的核心是“每个人都应该面向系统操作”; 2、协同工作的关键是实现“你能知道我所知道的,而我能知道你的需求” 3、中国移动是最大的SNS。 4、ERP的用处就是农民将锄头换成拖拉机。 5、什么是ERP,ERP就是用电脑记账。 6、学编程就是哥哥追美眉,生活就像美眉追...
  • 在struts2.1中使用注解和拦截器实现权限细粒度控制
    正如上一篇文章说的,拦截器是struts2的核心,同时struts2引入了注解的方式。这里就来简单看看针对struts2.1中使用注解和拦截器的开发。 首先要引入struts2.1各包,特别要引入Convention Plugin插件。 本文只是一个简单模拟,因此我们新建两个jsp文件,分别为登录和退出。 login.jsp < %@ page language="java" p...
  • jqGrid基础学习:2第一个jqGrid
    上一节已经将jqGrid的框架架了起来。这一节将进行jqGrid的配置文件的编写。 接下来,我们先将属性写好,再来说明下个属性的意思。 jQuery(document).ready(function(){ jQuery("#list").jqGrid({ url:'admin/json/jsondata.action', datatype: 'jso...
  • jqGrid基础学习:3jqGrid与后台的交互(基于struts2)
    jqGrid与后台的交互方式如下: 载入时,jqGrid以POST或GET方式(用定义)向服务器发起数据载入请求,服务器根据请求传递给jqGrid; 传递的参数如下: page :指示需要查询第几页的数据。 rows :指示每页显示的记录条数。 sidx :指示查询排序的条件,这是一个字符串,可能是数据库表字段或者是POJO对象的属性名。这需要程序来处理。 sord :指示查询排序的方...

PO一下