easyUI自定义validatebox.

1 JSP代码

<span style="font-size:14px;"><td>登录名:</td>
<td><input class="easyui-validatebox" id="username"  name="username"
data-options="required:true,missingMessage:'用户名不能为空',validType:'userName_isExist'"></input></td></span>

2Js 代码

<span style="font-size:14px;">$.extend($.fn.validatebox.defaults.rules, {
					
				 userName_isExist:
				{
				validator:function(value){
				 var flag;
				$.ajax({
                            type: 'POST', 
                            url: 'userName_isExist.action',
                            data:'username='+value,
                            async:false,//<span style="color:#ff0000;">取消异步</span>
                            success: function(data) {
                            console.info(data);
                                if(data.total==0) {//0表示登录名不存在，1表示登录名存在
                                    flag = true;
                                }else{
                                    flag =  false;
                                }
                            }
                     });
                  return flag;
            },
           message: '您输入的用户名已存在，请更换。'  
        },
				
				});</span>

3.后台action判断