当前位置:  编程技术>jquery

Jquery验证用户名与密码的实例代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  注意:需要引入外部Jquery文件,比如Jquery1.5.2.js。 1、js代码部分 代码示例: /** * Jquery验证用户名、密码 */ $(function(){      $("#name").blur(function(){//用户名文本框失去焦点触发验证事件         if(!$(this).val || !$(this).val.mat...

注意:需要引入外部Jquery文件,比如Jquery1.5.2.js。

1、js代码部分

代码示例:


/**
* Jquery验证用户名、密码
*/
$(function(){
     $("#name").blur(function(){//用户名文本框失去焦点触发验证事件
        if(!$(this).val || !$(this).val.match(/([w]){2,15}$/))//只处验证不能为空并且只能为英文或者数字或者下划线组成的2-15个字符
        {
            $("#nameTip").html("用户名不能为空且只能为英文或者数字");
        }
        else
        {
            $("#nameTip").html("输入正确");
        }

     });

      $("#pas1").blur(function(){//用户名文本框失去焦点触发验证事件
        if(!$(this).val || !$(this).val.match(/([w]){2,15}$/))//只处验证和上面一样
        {
            $("#pas1").html("密码不能为空且只能为英文或者数字");
        }
        else
        {
            $("#pas1").html("输入正确");
        }

     });
     $("#pas2").blur(function(){//用户名文本框失去焦点触发验证事件
        if(!$(this).val || $(this).val() != $("#pas1").val() )//只处验证和上面一样
        {
            $("#pas2").html("密码为空或者和上面的密码不致");
        }
        else
        {
            $("#pas2").html("输入正确");
        }

     });

})

2、页面内容部分


用户名:
密码:
确认密码:


    
 
 

您可能感兴趣的文章:

  • jquery使用jquery.zclip插件复制对象的实例教程
  • JQuery验证特殊字符实例
  • jquery检验实例-改变错误提示信息的位置
  • textarea显示成label的样式 jquery实例
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery修改属性值实例代码(设置属性值)
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery等宽输出文字插件的实例代码
  • jquery 回车事件的实例分享
  • jquery 获取dom固定元素 添加样式的简单实例
  • Jquery 获取元素位置序号的实例代码
  • jquery获得表单所有数据的实例分享
  • jQuery回车键事件实例代码
  • Jquery 键盘按键监听与滑动效果的实例
  • jquery实现弹出div,始终显示在屏幕正中间的简单实例
  • jquery导航固定效果实例
  • jquery 延迟执行的实例分享
  • JQuery validate日期比较实例
  • Jquery如何获取新浪天气预报?实例代码
  • jquery 网页自动播放声音实例
  • jQuery异步验证用户名是否存在示例代码
  • Jquery验证用户名和密码的代码举例
  • jquery记住用户名与密码实现方法
  • JQuery记住用户名和密码的具体实现
  • 自用的js与Jquery验证代码(日期 EMail邮箱 用户名、密码、手机号码等)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • MVC2 jQuery的验证时,关于客户端验证绑定复选框问题。
  • jQuery表单验证插件 jQuery.validity
  • 表单验证插件 Jquery表单验证插件
  • jQuery表单验证插件 Validation
  • jQuery表单验证插件 validVal
  • jQuery表单美化和验证插件 Formly
  • jQuery表单验证及初始化插件 Koo.js
  • jQuery验证码插件 Ajax Fancy Capcha
  • jQuery表单验证插件 jqValidate
  • jQuery 表单验证框架 Quick Validation
  • jquery表单验证框架提供的身份证验证方法(示例代码)
  • jQuery.ajax 用户登录验证的代码
  • jQuery表单验证插件 Live Form Validation
  • jQuery表单验证插件 Form Validation
  • jquery禁止输入数字以外的字符的示例(纯数字验证码)
  • Jquery easyui表单异步验证扩展
  • jquery内置验证(validate)使用方法示例(表单验证)
  • JQuery表单验证插件 EasyValidator
  • jQuery 表单验证插件 Happy.js
  • jquery正则验证代码(电话号码、传真、网址)
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • IP地址数字互转 iis7站长之家
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3