当前位置:   article > 正文

用户名失去焦点ajax请求后台,页面以下拉列表的形式展示相应的数据_监听失去焦点事件,ajax请求接口(自己写)根据名称查询编码显示出来

监听失去焦点事件,ajax请求接口(自己写)根据名称查询编码显示出来

   <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.οnlοad=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>


声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/100855
推荐阅读
相关标签
  

闽ICP备14008679号