Ajax验证用户名实例代码
用Ajax验证用户名代码如下所示:
接口:
get guestbook/index.php m : index a : verifyUserName username : 要验证的用户名
返回
{ code : 返回的信息代码 0 = 没有错误,1 = 有错误 message : 返回的信息 具体返回信息 }
js
oUsername1.onblur = function() { //失去焦点的时候,把当前用户名给后端去验证 ajax('get', 'guestbook/index.php', 'm=index&a=verifyUserName&username=' + this.value, function(data) { //alert(data); 浏览器调试查看 var d = JSON.parse(data); //解析 oVerifyUserNameMsg.innerHTML = d.message; //将返回信息展示到页面上 if (d.code) { //code : 返回的信息代码 0 = 没有错误,1 = 有错误 oVerifyUserNameMsg.style.color = 'red'; //错误信息加红色 } else { oVerifyUserNameMsg.style.color = 'green'; //正确信息加绿色 } }); }
关于ajax验证用户名实例代码就给大家分享这么多,希望对大家有所帮助!
相关推荐
-
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
今天分享一个"利用Ajax技术来检测用户名是否存在"的例子. 利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="
-
基于jQuery实现Ajax验证用户名是否存在实例
本文章向大家分享基于jQuery实现的Ajax 验证用户名是否存在的实现代码,需要的码农朋友可以参考一下本文的源代码. jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详
-
asp.net结合Ajax验证用户名是否存在的代码
1, 使用JavaScript js文件,验证用户名是否存在 复制代码 代码如下: var ajax = function(option) { var request; var createRequest = function() { //var request; if (window.XMLHttpRequest) { request = new XMLHttpRequest(); } else { try { request = new ActiveXObject("Microsoft.XM
-
jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路
jsp+ajax实现无刷新,鼠标离开文本框即验证用户名,操作如下:新建一个输入页面,起名为input.jsp, 复制代码 代码如下: <%@ page contentType="text/html; charset=utf-8"%> <html> <head> <title>jsp+ajax实现无刷新_鼠标离开文本框即验证用户名</title> <meta http-equiv="Content-Type&qu
-
使用struts2+Ajax+jquery验证用户名是否已被注册
推荐阅读:JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册 在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面的例子,我们只希望返回一个1和0有助于进行后续判断即可,没必要返回json类型,返回一个text字符串就可以了. regist.jsp(这里只提供<script>部分): <script type
-
asp ajax注册验证之 防止用户名输入空格
check.asp 复制代码 代码如下: <% '''''''''''''''''''''''''''''''''''' Function ReplaceText(fString,patrn,replStr) Set regEx = New RegExp ' 建立正则表达式. regEx.Pattern = patrn ' 设置模式. regEx.IgnoreCase = True ' 设置是否区分大小写. regEx.Global
-
Ajax实现异步刷新验证用户名是否已存在的具体方法
都是简单的实例,所以直接发代码 静态页面Ajax.html 复制代码 代码如下: <html> <head> <title>Ajax</title> <script type="text/javascript"> function loadXMLDoc() { if (document.getElementById("account
-
Ajax 用户名验证是否存在
客户端收集表单信息. 使用XMLHttpRequest对象提交到服务器. 服务器完成验证的逻辑,返回结果信息. 浏览器端根据服务器返回的信息对用户做出一定的提示. 不过由于我的空间不支持任何服务器段语言,所以把本应在服务器的逻辑搬到了浏览器,由JavaScript来做,服务器只负责提供一个用户名的列表.最后的效果如下,试着输入test,cainiao8这些用户名,都会显示已注册. JavaScript代码分析 首先,当文档载入完毕的时候,给表格设置change事件的响应函数ajaxValidat
-
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦.大家看看效果图,后面将附上源码下载. jquery框架实现的ajax 验证用户名是否存在的部分JS 复制代码 代码如下: $("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputVal
-
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
前 言 直接上代码有点不厚道.于是按照天朝传统,整段描述吧....(本人语言表达能力有限,大家忍着看) 功 能 在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册. 这功能大家肯定见过,大多数网站都有的,我一直对这个功能很感兴趣,所以这几天研究了下 jQuery + Ajax 整了一个功能不算完善,但足以应付普通使用的代码 (更牛的功能大家自己去发掘) 文 件 说 明 reg.php //为注册页面 check_user.php //为用户验证页面 (GET,P
-
基于Ajax用户名验证、服务条款加载、验证码生成的实现方法
Ajax(asynchronous javascript and xml)异步的javascript和xml. 是为了解决传统的web应用中"发送请求-等待响应"这种模式的弊端,(浏览器在发送完请求后,只能等待服务器的响应,用户不能做其他的操作,浏览器发送完请求,会抛弃整个页面,等待服务器返回新的页面,也就是说,浏览器和服务器之间交互的数据量很大,不能做到按需获取数据)而创建的技术,该技术的本质是:通过一个浏览器内置的一个对象(XmlHttpRequest)异步地向服务器发送请求.
-
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
实例: 1.请求页面AJax.aspx HTML代码 复制代码 代码如下: <div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="show
随机推荐
- js实现简单的网页换肤效果
- Angular设置title信息解决SEO方面存在问题
- JavaScript中提前声明变量或函数例子
- php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
- Php图像处理类代码分享
- python装饰器初探(推荐)
- Vue列表页渲染优化详解
- Shell中建立与使用临时性文件的方法详解
- 浅谈react+es6+webpack的基础配置
- window下使用nginx提供文件下载服务器配置
- linux C 打印错误信息和标准输入输出详细介绍
- 限制上传文件大小和格式的jQuery插件实例
- jQuery EasyUI 中文API Button使用实例
- C#透明窗体实现方法
- Android Studio 3.0 原生支持kotlin 例子详解
- Android xUtils更新到3.0后的基本使用规则详解
- Android gradle打包并自动上传的方法
- Android ActionBar完全解析使用官方推荐的最佳导航栏(上)
- ADSL Modem路由功能的配置
- QQ空间非主流大图模块之香烟点燃寂寞