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

原创 2015年07月10日 09:11:31

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


相关文章推荐

jquery实现触发、失去焦点操作并执行ajax操作

js--------------------------------------------------------------------------------------------------...

表单验证用onblur(失去焦点事件)实现

function check(name,reg,spanId,okInfo,errorInfo){ var flag; var val = document.getElements...

通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示

点击“会商人员情况表”,弹出层,显示一个表格,如下图: 利用Ajax和Jquery和JSONArray和JsonObject来实现: 代码如下: 在hspersons.html中: ...

以下拉列表的形式选择年月日

  • 2010年06月06日 08:51
  • 3KB
  • 下载

ajax嵌套动态拼接页面(以展示评论列表几默认点赞现实为例)

ajax嵌套实现默认点赞显示: function postList() { var html = ""; $.ajax({ //async: false...

AngularJs实现密码框的内容校验,并实现下拉列表的所列的展示形式

一.实现效果 1.页面初始效果 2.两次密码不一致时的效果 3.当显示方式修改为显示错误提示时,详细的内容错误提示 4.当显示方式为提交时才显示的效果 ...

让关联的model以下拉菜单(select)的形式显示

1. 先使用rails命令行generate scaffold来生成将要用到的各个组件。 a) Sex rails generate scaffold Sex name:string b) Pe...

C# 如何定义让PropertyGrid控件显示[...]按钮,并且点击后以下拉框形式显示自定义控件编辑属性值

首先定义一个要在下拉框显示的控件: using System; using System.Windows.Forms; namespace Simon.WinForms.Examples.P...

原生js实现ajax和将数组以列表形式显示出来

function go(arrs){ //将一个字符串解析后放入ul标签中 var node=document.getElementById('list').firstChild; node...

ajax实现注册页面动态验证用户名是否已注册,不必提交即可验证。

今天学了一下ajax,感觉很爽啊。ajax真是很强大、 我首先就把我之前一直没解决的问题:如何在前台动态验证用户名是否已注册,而不必提交刷新之后再验证,上代码: 首先,jsp页面: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用户名失去焦点ajax请求后台,页面以下拉列表的形式展示相应的数据
举报原因:
原因补充:

(最多只允许输入30个字)