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";
}
}
}
?>
ajax验证用户名是否被注册 ; ajax提交form表单的更多相关文章
- Ajax验证用户名是否被注册
Ajax验证用户名是否被注册 var xmlHttp; function createXMLHttpRequest(){ // 创建XMLHttp请求对象 if(window.ActiveXObjec ...
- ajax提交form表单
1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginF ...
- ajax提交form表单资料详细汇总
一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味 ...
- Ajax提交Form表单的一种方法
待提交的表单 <form id="updatePublicKey" enctype="multipart/form-data"> <div c ...
- Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
- 导出excel用ajax不行,提交form表单可以
导出excel用ajax不行,提交form表单可以. 一直用ajax找原因,网页不出现下载提示框 写了 response.setContentType("application/binary ...
- jquery实现ajax提交form表单的方法总结
本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一: function AddHandlingFeeToRefund( ...
- jquery的ajax提交form表单方式总结
方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderServic ...
- ajax提交form表单问题
form表单提交数据可以省下大量大量获取元素的代码,局部刷新时也可以用ajax提交form表单,但是要先把表单序列化,再把后台javaBean对象序列化,但是你有可能前后台都执行了系列化,但是后台还是 ...
随机推荐
- webpack2.x抽取css
这里以.vue文件为例,需要安装extract-text-webpack-plugin包 我们主要设置的文件是webpack.config.js文件. 抽取成一个css文件 这个设置是提取成一个单独的 ...
- np.corrcoef()方法计算数据皮尔逊积矩相关系数(Pearson's r)
上一篇通过公式自己写了一个计算两组数据的皮尔逊积矩相关系数(Pearson's r)的方法,但np已经提供了一个用于计算皮尔逊积矩相关系数(Pearson's r)的方法 np.corrcoef() ...
- 在tmux会话之间共享窗口(Windows & Panes)
去年写过一篇 从Tmux 转到GNU Screen,理由是我可以 在两个显示器上通过PuTTY连接到同一个GNU Screen会话,但两个显示器可以显示不同的窗口(用GNU Screen的术语来说,是 ...
- mysqldump定时备份数据库
mysql服务器ip:192.168.0.10 备份服务器ip:192.168.0.11 数据库名称:db_product 思路:在mysql服务器A上创建一个用户分配权限专门用于数据库备份,A服务器 ...
- ffmpeg CLI常用命令
使用-copy参数: CLI压缩视频时保持音频不变
- Eclipse Maven profiles 多环境配置,测试环境与开发环境分开打包
1.将开发环境.测试环境.生产环境的配置文件分开存放,如下图: 2.在Maven中配置不同的环境打包配置文件的路径,配置如下: <profiles> <profile> < ...
- .net IIS MVC Rest api 跨域 PUT DELETE 404 无法使用问题解决方案
一.WebConfig配置法(system.webServer 重点是 httpProtocol handlers) http://www.jinxuliang.com/blog/article/re ...
- 同步调用异步方法how-would-i-run-an-async-taskt-method-synchronously
同步调用异步方法帮助类: public static class AsyncHelpers { /// <summary> /// Execute's an async Task<T ...
- saltstack通过jinja模板,grains方式将配置的变量值写入到配置文件中?
需求描述: 在通过saltstack进行jinja模板获取值的时候,可以通过grains的方式,获取一些操作系统相关的信息,比如,OS,ip地址等,在这里演示下,做个记录. 演示: 1.修改sls文件 ...
- 关于BigDecimal.ROUND_HALF_UP与ROUND_HALF_DOWN
ROUND_HALF_UP: 遇到.5的情况时往上近似,例: 1.5 ->;2ROUND_HALF_DOWN : 遇到.5的情况时往下近似,例: 1.5 ->;1 BigDecimal a ...