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


Post a Comment