zoukankan      html  css  js  c++  java
  • php jquery无刷新验证帐号,验证email

    本例中帐号必须是email地址,超级实时每输入一个字符都会自动验证一次
    http://www.corange.cn//uploadfiles/1213_81548.jpg

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>php jquery check username ajax检查帐号唯一性</title>
    <link href="../style.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
    <script>
    $(document).ready(function(){
    $('#username').keyup(username_check);
    });

    function username_check(){
    var username = $('#username').val();
    if(username == "" || username.length < 4){
    $('#username').css('border', '3px #CCC solid');
    $('#tick').hide();
    }else{

    jQuery.ajax({
    type: "POST",
    url: "check.php",
    data: 'username='+ username,
    cache: false,
    success: function(response){
    if(response == 1){
    //不可以注册
    $('#username').css('border', '3px #C33 solid');
    $('#tick').hide();
    $('#cross').fadeIn();
    }else{
    $('#username').css('border', '3px #090 solid');
    $('#cross').hide();
    $('#tick').fadeIn();
    }

    }
    });
    }



    }

    </script>

    <style>
    #username{
    padding:3px;
    font-size:18px;
    border:3px #CCC solid;
    }

    #tick{display:none}
    #cross{display:none}


    </style>
    </head>

    <body>

    Username: <input name="username" id="username" type="text" />
    <img id="tick" src="tick.png" width="16" height="16"/>
    <img id="cross" src="cross.png" width="16" height="16"/>

    </body>
    </html>
    完整代码打包,不包括数据库,数据库只有一个字段,email
    http://www.corange.cn//uploadfiles/check-username_55802.rar

    原文地址:http://www.corange.cn/archives/2010/12/3750.html
  • 相关阅读:
    JQuery学习
    前端Web APIs 二
    前端Web APIS
    Swift 函数式数据结构
    JAVA 四大域对象总结
    Java 访问 C++ 方法:JavaCPP
    写Java也得了解CPU–CPU缓存
    Servlet使用注解标注监听器(Listener)
    Java使用Fork/Join框架来并行执行任务
    Linux学习之让进程在后台可靠运行的方法详解
  • 原文地址:https://www.cnblogs.com/zerogo/p/1905923.html
Copyright © 2011-2022 走看看