今回は、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; } } }
このケースを読んだ後は、この方法を習得したと思います。 php 中国語 Web サイトの他の関連記事にも注目してください。
推奨読書:
ajax と jsonp のクロスドメインの詳細な説明 (コード付き) ajax を使用して json データを未定義として取得する方法以上がAjax を使用して電子メールとユーザー名の一意性を検証する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。