Ajax邮箱、用户名唯一性验证实例代码

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<script type="text/javascript"> $(function () { $("#txtEmail").blur(function () { $.ajax({ type: "post", url: "reg.ashx?email=" + $.trim($("#txtEmail").val()) + "&d=" + (+new Date()), success: function (data) { var vCount = parseInt(data); if (vCount == 0) { alert("邮箱可以使用"); } else { alert("邮箱已经被占用"); } } }); }); $("#checkpwd").blur(function () { return CheckPwd(); }); }); function CheckPwd() { var bCheck = true; if ($.trim($("#pwd").val()) != $.trim($("#checkpwd").val())) { alert("两次密码输入不一致"); bCheck = false; } return bCheck; } </script>

reg.ashx代码:

using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace WebT1.Ti.html2 { /// <summary> /// reg 的摘要说明 /// </summary> public class reg : IHttpHandler { public void ProcessRequest(HttpContext context) { if (context.Request["email"] != null) { string strEmail = context.Request["email"]; List<UserModel> lstUser = DataService.GetUserList(); var v = lstUser.Where(p => p.Email == strEmail); int iCount = 0; if (v.Count() > 0) { iCount = 1; } context.Response.ContentType = "text/plain"; context.Response.Write(iCount.ToString()); } } public bool IsReusable { get { return false; } } } public class DataService { /// <summary> /// 模拟已注册用户数据 /// </summary> public static List<UserModel> GetUserList() { var list = new List<UserModel>(); list.Add(new UserModel() { Email = "t1@demo.com" }); list.Add(new UserModel() { Email = "t2@demo.com" }); list.Add(new UserModel() { Email = "t3@demo.com" }); list.Add(new UserModel() { Email = "t4@demo.com" }); list.Add(new UserModel() { Email = "t5@demo.com" }); return list; } } public class UserModel { public string Email { get; set; } } }

总结

以上所述是小编给大家介绍的Ajax邮箱、用户名唯一性验证实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2025-01-03 19:43:26

Ajax邮箱、用户名唯一性验证实例代码的相关文章

AJAX应用实例之检测用户名是否唯一(实例代码)

先给大家展示下效果图,然后再给大家撸代码,效果图如下所示: 下面写一个简单的例子,检测用户名是否唯一(直接撸代码): 前端界面: <%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition

AngularJs表单验证实例代码解析_AngularJS

常用的表单验证指令如下详情: 1. 必填项验证 某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可: <input type="text" required /> 2. 最小长度 验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}": <input type="text" ng-minlength="5" /> 3.

用原生JS对AJAX做简单封装的实例代码_javascript技巧

首先,我们需要xhr对象.这对我们来说不难,封装成一个函数. var createAjax = function() { var xhr = null; try { //IE系列浏览器 xhr = new ActiveXObject("microsoft.xmlhttp"); } catch (e1) { try { //非IE浏览器 xhr = new XMLHttpRequest(); } catch (e2) { window.alert("您的浏览器不支持ajax,请

原生 JS Ajax,GET和POST 请求实例代码_javascript技巧

javascript/js的ajax的GET请求代码如下所示: <script type="text/javascript"> /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();

Struts2实现生成动态验证码并验证实例代码_java

 一.基本流程: 产生一个验证码页面(很小)→嵌入到表单中→点击可以刷新页面→表单提交时验证. 二.方法: 1.定义TestAction,实现画图方法 package com.zhuguang.action; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.util.Map; import javax.se

C#与Java的MD5简单验证(实例代码)_C#教程

C#端 using System; using System.IO; using System.Security.Cryptography; namespace 计算文件的MD5值 { class MD5_Helper { /// <summary> /// 文件MD5校验 /// </summary> /// <param name="pathName">文件绝对路径</param> /// <returns>MD5校验码&

Ajax实现无刷新分页实例代码

今天我们要用ajax做一个分页: 实现Ajax分页: 如果可以的话加上查询条件 找一张表做分页 分页不使用page类 页面不用刷新 Ajax加载数据 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="jquery-1.11.2.

Ajax异步上传文件实例代码分享_AJAX相关

非常不多说,直接给大家上干货,写的不好还请见谅. 具体代码如下所示: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/Scripts/jquery-1.8.2.min.js"></script> <title>Ind

javascript身份证号码验证实例代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-