EasyUI validatebox 自定义ajax验证用户名是否已存在

<td><input type="text" id="userName" name="userName" class="easyui-validatebox" validType="userName[6,30]" required="true"/></td>

JS

$.extend($.fn.validatebox.defaults.rules, {
  userName: {
        validator: function(value,param){
          var data0 = false;
          if(value.length >= param[0] && param[1] >= value.length) {
            $.ajax({
              type: "POST",async:false,
              url:‘${pageContext.request.contextPath}/user/validate.do‘,
              dataType:"json",
              data:{"userName":value},
              async:false,
              success: function(data){
                data0=data.valid;
              }
            });
          }else{
            param[2] = "请输入"+param[0]+"-"+param[1]+"位字符.";
            return false;
          }

          param[2] = "用户名称已存在.";
          return data0;
          },
          message: ""
        }

});

原文地址:https://www.cnblogs.com/mzqworld/p/9184325.html

时间: 2024-10-27 11:27:53

EasyUI validatebox 自定义ajax验证用户名是否已存在的相关文章

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

使用Ajax验证用户名

Ajax是一项很重要的技术,下面简要举个例子,来解释如何使用Ajax.步骤如下:使用Ajax验证用户名使用文本框的onBlur事件 使用Ajax技术实现异步交互创建XMLHttpRequest对象通过 XMLHttpRequest对象设置请求信息向服务器发送请求创建回调函数,根据响应状态动态更新页面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

ajax验证用户名和密码

1 var user = form.name.value; 2 var password = form.password.value; 3 var url = "chkname.php?user="+user+"&password="+password;//以前只知道ajax用于对用户名的检测,原来还可以对密码进行检测. 4 xmlhttp.open("GET",url,true); 5 xmlhttp.onreadystatechang

学习aiax(javascript)--页面无刷新用ajax检查用户名是否已注册(POST方式)

1.jsp代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

利用jQuery实现的Ajax 验证用户名是否存在

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项

ajax验证用户名和找回密码参考

1 // JavaScript Document 2 function chkname(form){ 3 var user = form.user.value; 4 if(user == ''){ 5 alert('请输入用户名'); 6 form.user.focus(); 7 return false; 8 }else{ 9 var url = "foundpwd.php?user="+user; 10 xmlhttp.open("GET",url,true);

使用ajax验证用户名重复

继上次的用户注册登录案例之后,对其中的部分功能再做进一步改进.上一版中用户提交表单后才对用户名进行校验,虽然做了回显,但还是感觉功能弱了些.为了能有更好用户体验,不是在用户提交表单后才给提示,而是在用户输入用户名后就立即对该用户名进行数据库校验,经过晚上的测试现在可以使用纯js版和jquery版. 准备工作,先编写好验证用户名重复的后台Servlet程序,然后在jsp或html中使用js对用户名进行验证,当用户输入用户名文本框推动焦点时立即触发验证.下面是jquery代码. <%@ page l

JSP---网上商城-&gt;使用Ajax技术验证用户名是否已存在

js代码: 1 <script language="javascript"> 2 var req; 3 function createReq() { 4 if (window.XMLHttpRequest) { 5 req = new XMLHttpRequest(); 6 } else if (window.ActiveXObject) { 7 req = new ActiveXObject("Microsoft.XMLHTTP"); 8 } 9 }

php jquery ajax验证用户名是否重复

我从3月份接触了web,开始了javascript和jquery的学习,之后学习了php,写了这样的表单验证代码.当然了,之前也接触过编程,只是没有深入系统的去学习,如今我重新迈入这个圈子,因为我对编程非常喜爱.故此跟大家分享下学习中的心得和自己原创的代码. 下面贴代码,思路是这样的,首先在文本框失去焦点时触发$.ajax函数,发送数据到php端,php接受该参数后,查询数据库中有没有记录,如果有则返回false,没有则返回true. 当返回false时,提示用户用户名已经被注册,并在form的