easyUI自定义validatebox.

最新推荐文章于 2019-09-29 14:52:06 发布

langyuzhiyi

最新推荐文章于 2019-09-29 14:52:06 发布

阅读量632

点赞数

本文详细介绍了如何在用户注册过程中实现登录名的唯一性验证，并通过Ajax调用后台action来判断登录名是否存在，确保用户体验与系统安全性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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判断