基于jquery用户名实时验证是否己注册实现程序

 代码如下 复制代码

<script language="javascript" type="text/javascript">
 
    $(document).ready(function() {
 
        $("#btnSubmit").click(function() {
 
            Login();
 
        });
 
    });
 
    function Login() {
 
        if (Check()) {
 
            LoginSuccess();
 
        }
 
    }
 
    function Check() {
 
        if ($("#ksbh").val() == "") {
 
            alert("准考证号不能为空!");
 
            $("#ksbh").focus();
 
            return false;
 
        }
 
        if ($("#Yzm").val() != $.cookie('ValidateCode')) {
 
            alert("验证码错误!")
 
            $("#Yzm").focus();
 
            return false;
 
        }
 
        return true;
 
    }
 
    function LoginSuccess() {
 
        $.ajax({
 
            type: "POST",
 
            url: "/zk/zkcj201204a",
 
            data: { ksbh: $("#ksbh").val()},
 
            beforeSend: function() { $("#msg").html("loading......正在提交请稍候。"); },
 
            success: function(data) {
 
                $("#msg").html(data).show();
 
                document.getElementById("valiCode").src = document.getElementById("valiCode").src+'?';
 
            }
 
        });
 
    }
 
</script>

html

 代码如下 复制代码

    <div id="lmain">
 
    <div><span class="s1">准考证号:</span><span class="s2"><input id="ksbh" maxlength="12" name="ksbh" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))" onkeyup="value=value.replace(/[^d]/g,'')" type="text" value="" /></span></div>
 
    <div><span class="s1">验证码:</span><span class="s3"><input id="Yzm" name="Yzm" type="text" value="" /><img id="valiCode" style="cursor: pointer;height:22px; line-height:22px; vertical-align:middle;" src="../Validate/GetValidateCode" onclick="this.src=this.src+'?'" alt="看不清?点击更换" /></span></div>
 
    <div style=" text-align:center;"><input type="button" id="btnSubmit" value="查询" /> </div> 
 
</div>
 
<div id="msg" style=" width:600px;text-align:center; margin-top:20px;"></div>

时间: 2024-09-20 20:06:26

基于jquery用户名实时验证是否己注册实现程序的相关文章

ajax-PHP+Ajax 异步通讯实现用户名邮箱验证是否已注册

问题描述 PHP+Ajax 异步通讯实现用户名邮箱验证是否已注册 PHP+Ajax 异步通讯实现用户名邮箱验证是否已注册PHP+Ajax 异步通讯实现用户名邮箱验证是否已注册 解决方案 reg.php 注册页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> P

基于jQuery实现Ajax验证用户名是否存在实例_jquery

本文章向大家分享基于jQuery实现的Ajax 验证用户名是否存在的实现代码,需要的码农朋友可以参考一下本文的源代码. jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详

PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)_php实例

前 言 直接上代码有点不厚道.于是按照天朝传统,整段描述吧....(本人语言表达能力有限,大家忍着看) 功 能 在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册. 这功能大家肯定见过,大多数网站都有的,我一直对这个功能很感兴趣,所以这几天研究了下 jQuery + Ajax 整了一个功能不算完善,但足以应付普通使用的代码 (更牛的功能大家自己去发掘) 文 件 说 明 reg.php //为注册页面 check_user.php //为用户验证页面 (GET,P

基于jquery实现一个滚动的分步注册向导-附源码_jquery

先给大家展示效果图,需要的朋友可以下载源码哦- 查看演示        下载源码 HTML 首先要载入jquery库和滚动插件scrollable.js <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="scrollable.js"></script&

基于jquery 表单验证插件Validation的应用

Validation,现在结合实际情况,我把项目中经常要用到的验证整理成一个实例DEMO,本文就是通过讲解这个实例来理解Validation的应用.  代码如下 复制代码 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.validate.js&q

基于 jquery validator 完成用户注册的验证

请确保已经在 http://code.google.com/p/zsharedcode/wiki/Download 中下载 JQueryElement 最新的版本. 请使用指令引用如下的命名空间:  代码如下 复制代码 <%@ Register Assembly="zoyobar.shared.panzer.JQueryElement" Namespace="zoyobar.shared.panzer.ui.jqueryui.plusin" TagPrefix

jquery+ajax实现注册实时验证实例详解_jquery

本文实例讲述了jquery+ajax实现注册实时验证.分享给大家供大家参考,具体如下: 当我们注册一个用户时,会实时提示该用户的信息是否可用,这就是ajax的应用,很久以前就看过这个实现了,今天又看了一遍,给记录下来O(∩_∩)O哈! 先介绍下ajax中$.get,由于$.post用法和$.get大同小异就不再介绍了: 这是一个简单的 GET 请求功能以取代复杂 $.ajax .请求成功时可调用回调函数.如果需要在出错时执行函数,请使用 $.ajax. 复制代码 代码如下: $(selector

基于Jquery的FormValidator表单验证插件

包含了以下验证功能: 1.控件值不能为空 2.控件值长度限制 3.选中项数量限制 4.控件值范围限制 5.控件值类型限制 6.控件值格式化 7.两个控件值比较 8.自定义验证方法 9.下拉必选 10.表单验证方式 11.控件独自验证 看一个简单的表单用户名验证插件  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

php+ajax注册实时验证功能_php实例

ajax的实时验证技术已经很成熟了,在一些规范的网站上,如果有注册验证的模板,必定会涉及到ajax的无刷新验证,这在用户注册的体验中是很棒的,对比一个不能及时和后台无刷新对接的验证模式,要重新返回来刷新,这对于用户来说,体验上是很不友好的. ajax的模式几乎是所有站点应用的需求,ajax作为前端无刷新验证,可以和所有后台语言进行组合使用,比如asp+ajax,php+ajax,.net+ajax等等组合,这里主要讲解的是php+ajax的注册验证. 下面的验证是一个完整的实例,我们在网站上面注