ajax验证用户名是否被注册 ; ajax提交form表单
register.html 文件代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Register</title>
<load href="__PUBLIC__/Js/Jquery.js"/>
<script>
//验证并提示是否该用户已注册
$(function(){
var error = new Array();
$('input[name="username"]').blur(function(){
var username=$(this).val();
$.get('__URL__/checkName',{'username':username},function(data){
if(data=='yes'){
error['username']=1;
$('input[name="username"]').after('<p id="warning" style="color:red">该用户已注册</p>')
}else{
error['username']=0;
$('#warning').remove();
}
});
});
//提交表单
$('img.register').click(function(){
if(error['username']==1){
return false;
}else{
$('form[name="registerInfo"]').submit();
}
});
});
</script>
</head>
<body>
<form action="__URL__/do_register" method="post" name="registerInfo">
用 户 名 : <input type="text" name="username" /><br/>
密 码 : <input type="password" name="password" /><br/>
确认密码 : <input type="repassword" name="repassword" /><br/>
性 别 : <input type="radio" name="sex" value="1" />男 <input type="radio" name="sex" value="0" />女<br/>
验 证 码 : <input type="text" name="verifyText" /><img src="__APP__/Public/verify" onclick="this.src=this.src+'?'+Math.random()"><br/>
<img src="__PUBLIC__/Images/register.gif" class="register" />
<img src="__PUBLIC__/Images/reset.gif" class="reset"/>
</form>
</body>
</html>
RegisterAction.class.php 文件代码:
<?php
class RegisterAction extends Action{
public function register(){
$this->display();
}
public function checkName(){
$username=$_GET['username'];
$m = M('User');
$where['username'] = $username;
$re = $m->where($where)->count();
if($re>0){
echo "yes";
}else{
echo "no";
}
}
}
?>