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

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

$(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;

}

reg.ashx代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace WebT1.Ti.html2

{

///

/// reg 的摘要说明

///

public class reg : IHttpHandler

{

public void ProcessRequest(HttpContext context)

{

if (context.Request["email"] != null)

{

string strEmail = context.Request["email"];

List 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

{

///

/// 模拟已注册用户数据

///

public static List GetUserList()

{

var list = new List();

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邮箱、用户名唯一性验证实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程圈网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是JavaWeb注册邮箱唯一性验证代码实现。 首先,在前端页面上添加邮箱输入框,并绑定一个失去焦点事件,当用户输入完邮箱后,离开输入框时触发该事件,向后台发送异步请求验证邮箱是否已被注册。 ```html <!-- 注册页面 --> <form action="/register" method="post"> <div> <label>邮箱:</label> <input type="email" name="email" id="email" required> <span id="email-tip"></span> </div> <div> <label>密码:</label> <input type="password" name="password" required> </div> <button type="submit">注册</button> </form> <!-- 注册页面引入jQuery库 --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!-- 注册页面引入JavaScript文件 --> <script src="register.js"></script> ``` 然后,在JavaScript文件中,通过jQuery库向后台发送异步请求,验证邮箱是否已被注册。如果后台返回success,则说明该邮箱可以使用,否则提示用户该邮箱已被注册。 ```javascript // register.js // 当邮箱输入框失去焦点时触发 $('#email').blur(function() { var email = $(this).val(); // 向后台发送异步请求 $.ajax({ url: '/checkEmail', type: 'post', data: { email: email }, success: function(data) { if (data == 'success') { // 邮箱可以使用 $('#email-tip').html('该邮箱可以使用').css('color', 'green'); } else { // 邮箱已被注册 $('#email-tip').html('该邮箱已被注册').css('color', 'red'); } } }); }); ``` 最后,在后台代码中,接收前端发送的异步请求,查询数据库中是否已存在相同的邮箱,如果查询到了结果,则返回false,否则返回success。 ```java // UserController.java // 验证邮箱是否已被注册 @RequestMapping("/checkEmail") @ResponseBody public String checkEmail(String email) { User user = userService.selectByEmail(email); if (user == null) { return "success"; // 邮箱可以使用 } else { return "false"; // 邮箱已被注册 } } // UserServiceImpl.java // 根据邮箱查询用户 @Override public User selectByEmail(String email) { return userDao.selectByEmail(email); } // UserDao.java // 根据邮箱查询用户 User selectByEmail(String email); ``` 这样就完成了JavaWeb注册邮箱唯一性验证代码实现,希望对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值