easyui 自定义校验使用ajax方式。

前端之家收集整理的这篇文章主要介绍了easyui 自定义校验使用ajax方式。前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

遇到一个问题,需要验证手机号是否正确,手机号是否存在。所以用js写自定义校验。

开始的方式(不正确):



这种方式在ajax的回调函数里面return,不能正常判断。

查看了easyui自带的remote的实现方式以后,发现他的实现方式如下:



按照源码的方式修改代码以后正常:

$.extend($.fn.validateBox.defaults.rules,{
            username: {
                validator: function(value){
                    var rex = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
                    if(rex.test(value))//手机号码正确的话,校验是否已存在
                    {
                        var id = $('#mid').val();
                        var url = '${root}/user/checkUserName?m.id='+id+'&m.username='+value;
                        var ret = $.ajax({url:url,async:false,cache:false,type:"post"}).responseText;//这里一定要用这种方式,如果是在ajax的回调函数里面return就不行。
                        var b = ret=="true";
                        if(!b){
                            $.fn.validateBox.defaults.rules.username.message = '用户名已存在';
                        }
                        return b;
                    }else
                    {
                        $.fn.validateBox.defaults.rules.username.message = '请输入正确的手机格式';
                        return false;
                    }
                },message:''
            }
        });

猜你在找的Ajax相关文章