您的位置:首页 > 其它

用户名失去焦点ajax请求后台,页面以下拉列表的形式展示相应的数据

2015-07-10 09:11 465 查看
   <input  id="username" class="txt5" tabindex="1"

                             accesskey="n" path="username" autocomplete="false"/><font id='f1' color='red'></font>

                <li class="txt6">注册邮箱、用户名、手机号均可作为登录帐号。</li>

 <select id="currentSite" name="currentSite" style="width: 200px;height: 30px;" class="vertical-align" tabindex="3" path="currentSite" accesskey="s" autocomplete="off">

                    <option value=""  >--------请选择站点--------</option>

  </select>

<script type="text/javascript">

    function test1(){

        takeSites();

    };

    window.onload=function(){

        setTimeout("test1()",500);

    };

    var map = new Object();

    map.put = function (key,value){

        var s = key + ' = "' + value + '";';

        eval(s);

    }

    map.get = function (key) {

        var v = eval(key + ";");

        return v;

    };

    map.put("D00L","国贸站");

    map.put("A001","站点1");

    map.put("A002","站点2");

    map.put("A003","站点3");

    map.put("A004","站点4");

    map.put("A005","站点5");

    map.put("A006","站点6");

    map.put("A007","站点7");

    map.put("A008","站点8");

    map.put("A009","站点9");

    map.put("A010","站点10");

    $.get("${ihomeModule}/sitesName.html",

            function(ret){

                if( ret=="null"||ret==""||ret==null){

                    alert("获取站点目录出错");

                    return;

                }else {

                   var maps=JSON.parse(ret);

                    for(var key in maps){

                        map.put(key,maps[key]);

                    }

                }

            });

    function reloadCaptchaImg(){

        var i = Math.random();

        var captchaImg =document.getElementById("captchaImg");

        captchaImg.src=captchaImg.src+'?i='+i;//这个特别重要

    }

    function takeSites(){

        $("#f1").text("");

        var username=$("#username").val();

        if(username==""){

            return;

        }else{

            var re=/^\w+$/;//验证由数字、26个英文字母或者下划线组成的字符串:

            var re1=/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;//匹配邮箱

            if(re1.test(username)||re.test(username)){//匹配成功

                $.get("${ihomeModule}/site.html", { username: username},

                        function(ret){

                            if( ret=="null"||ret==""||ret==null){

                                $("#f1").text("用户不存在");

                                $("#currentSite").empty().append(" <option value=''>--------请选择站点--------</option>");

                                return;

                            }else if(ret=="moreTimes"){

                                $("#f1").text("访问次数过多");

                                return;

                            }

                            var site=ret.trim().split(",");

                            $("#currentSite option").remove();

                            for (var i=0; i<site.length; i++ ){

                                $("#currentSite").append("<option value='"+site[i]+"'>"+map.get(site[i])+"</option>");

                            }

                        });

            }else{

                $("#f1").text("用户名不合法");

            };

        }

    }

    

    //用户名失去焦点

    $("#username").blur(function(){

        takeSites();

    });

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息