ajax教程 异步刷新验证,Ajax实现异步刷新验证用户名是否已存在的具体方法
都是简单的实例,所以直接发代码
静态页面Ajax.html
. 代码如下:
Ajax
function loadXMLDoc() {
if (document.getElementById("account").value == "") {
document.getElementById("accDiv").innerHTML = "用户名不能为空";
return;
}
var xmlHttp;
if(window.XMLHttpRequest) { // code for IE7+
xmlHttp = new XMLHttpRequest();
}
else { // code for IE5/IE6
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
//document.getElementById("myDiv").innerHTML=xmlHttp.responseText;
if (xmlHttp.responseText == "true") {
document.getElementById("accDiv").innerHTML = "用户名不可用";
}
else {
document.getElementById("accDiv").innerHTML = "用户名可用";
}
}
}
var a = document.getElementById("account").value;
// get
xmlHttp.open("GET", "validate.aspx?account=" + a + "&random=" + Math.random, true);
xmlHttp.send();
}
function delData() {
document.getElementById("account").value = "";
document.getElementById("accDiv").innerHTML = "";
}
ajax
账号: | ||
密码: | ||
确认密码: | ||
姓名: |
在账号输入框失去焦点时调用函数
访问服务器使用的是Get方法,所以在参数处使用了附加随机码来避免缓存。
验证页面validate.aspx后台代码:
. 代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Configuration;
using System.Data.Sql;
using System.Data.SqlClient;
public partial class Ajax_validate_validate : System.Web.UI.Page
{
public SqlConnection conn;
protected void Page_Load(object sender, EventArgs e)
{
Response.Clear();
if (Exists(Request.QueryString["account"]))
Response.Write("true");
else
Response.Write("false");
Response.End();
}
///
/// 获取数据库连接
///
///
protected SqlConnection GetConnection()
{
string str = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
conn = new SqlConnection(str);
return conn;
}
protected bool Exists(string account)
{
using (GetConnection())
{
try
{
conn.Open();
string sqlStr = "select count(*) from userinfo where account='" + account + "'";
SqlCommand cmd = new SqlCommand(sqlStr, conn);
int row = Convert.ToInt32(cmd.ExecuteScalar());
if (row > 0)
return true;
else
return false;
}
catch (Exception e)
{
throw e;
}
finally
{
conn.Close();
}
}
}
}
在后台中验证用户名是否已经存在于数据库中,返回真或者假
运行结果:
数据库很简单,只建了一张表userinfo,有3个字段:account、passwd、name
注意:在后台往请求页面写数据时,当写完要发送的数据之后,需要调用Response.end()方法来终止写入,否则可能会发送一个完整页面过去。
ajax教程 异步刷新验证,Ajax实现异步刷新验证用户名是否已存在的具体方法相关推荐
- PHP+AJAX教程(详细)
下边序号写的很清楚了可以转载(给我涨点粉丝吧)AJAX:WebjxCom提示:AJAX 是 Asynchronous JavaScript And XML 的首字母缩写.AJAX 并不是一种新的编程语 ...
- 使用 Ajax 实现本地化后的客户端消息验证
來源:http://www.ibm.com/developerworks/cn/web/wa-aj-local/?S_TACT=105AGX52&S_CMP=tec-csdn#download ...
- ssh整合问题总结--使用struts2+Ajax+jquery验证用户名是否已被注册
在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面 ...
- php ajax邮箱,PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
前 言 直接上代码有点不厚道.于是按照天朝传统,整段描述吧....(本人语言表达能力有限,大家忍着看) 功 能 在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册. ...
- ajax注册表单用户名实时验证,Ajax注册表单用户名实时验证..doc
Ajax注册表单用户名实时验证. Ajax注册表单用户名实时验证 1.1.1 摘要 很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用 ...
- 表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证
9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...
- JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证 博客分类: jsp/html/javascript/ajax/development Kit 开源项目 注:经过验证,formValidator只适合一个页面 ...
- jquery validation engine ajax验证,jquery.validationEngine 验证 AJAX 不起作用解决方法
当前位置:我的异常网» Ajax » jquery.validationEngine 验证 AJAX 不起作用解决方 jquery.validationEngine 验证 AJAX 不起作用解决方法 ...
- .ajax表单校验插件,表单验证插件——validate
表单验证插件 表单验证插件 邮箱: $(function () { $("#frmV").validate( { /*自定义验证规则*/ rules: { ? ? ? } }, / ...
最新文章
- [python][jupyter notebook]之菜鸟安装[pyecharts]中Geo或Map显示问题
- matplotlib 设置坐标轴单位
- Java final关键字修饰变量Test
- minicap_工具使用
- MySQL基础之数据类型介绍
- Windows 2000 Active Directory FSMO 角色
- 九十年代以来的文学事变与60后70后80后作家的写作之三
- Java 包及访问权限
- C++学习之路 | PTA乙级—— 1030 完美数列 (25 分)(精简)
- 公司新来的小可爱,竟然把内存搞崩了!
- 用bitbucket积累代码
- jQuery中return false e preventDefault e stopPropagation 的区
- iOS开发证书申请教程
- Google回归中国,你准备好成为Googler了吗?
- 苹果要求部分员工佩戴警用级随身摄像头
- jfinal调用mysql存储过程 封装_jfinal 调用存储过程
- 传统呼叫中心与云呼叫中心哪个好
- String类型转Long类型需要注意的问题
- linux下设置MySQL密码
- 死锁定理与资源分配图化简法