如何通过js检测账户名是否已存在？

本文共计353个文字，预计阅读时间需要2分钟。

使用jQuery.validate.js验证用户名不重复，以下是一个简化的示例代码：

页面JS：

页面HTML： *用户名

基于jquuery.validata.js的验证用户名不重复，供大家参考，具体内容如下

页面js

<table class="tb_input" > <tbody> <tr> <th >名称<strong class="red">*</strong></th> <td> <input type="text" name="sysRight.name" id="sysRight.name" value="<#if sysRight.name??>${sysRight.name!}</#if>"> <p>名称不能为空且不能超过80个字符</p> </td> </tr> </tbody> </table> $(function(){ $("#tb_input").validate({ rules:{ "sysRight.name":{ required : true, maxlength : 80, remote:{ url:"${webroot}/sysRight!checkNameRepeat.action", //后台处理程序 type:"post", //数据发送方式 data: { "sysRight.name":$("#sysRight.name").val(), } } }, }, messages:{ "sysRight.name":{ remote: jQuery.format("名称已存在") }, } });

服务器端代码

/** * 用于页面调用jQuery提交方法的回调处理，此回调正常用法，一个参数 * @param msg * @throws Exception */ protected void writeResponse(String msg){ if(msg==null) msg=""; ServletActionContext.getResponse().setContentType("html/text;charset=utf-8"); ServletActionContext.getResponse().setCharacterEncoding("UTF-8"); try { PrintWriter pw = ServletActionContext.getResponse().getWriter(); pw.write(msg); pw.flush(); pw.close(); } catch (IOException e) { e.printStackTrace(); } } /** * 检查帐号是否存在 * @auther yangj * @date 2014年6月16日 上午11:45:39 */ public void checkNameRepeat(){ try { boolean flag = sysUserService.checkNameRepeat(sysUser); String sFlag; if(flag) { sFlag = "true"; }else { sFlag = "false"; } writeResponse(sFlag); } catch (Exception e) { e.printStackTrace(); writeResponse("0"); } }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。