zoukankan      html  css  js  c++  java
  • jquery做一个表单验证

    • 正则表达式的写法:

    var re=new RegExp('规则', '可选参数');
    var re=/规则/参数;(这个最常用)

    • 正则表达式的规则

    和其他语言的正则表达式规则一样,可以参考我的另一边博文:https://www.cnblogs.com/chichung/p/9556199.html

    • 修饰参数:

    g: global,全文搜索,默认搜索到第一个结果接停止
    i: ignore case,忽略大小写,默认大小写敏感

    • 常用函数 

    test
    用法:正则.test(字符串) 匹配成功,就返回真,否则就返回假

    用jQuery做了一个表单验证,作为示例:

    $(function(){
        $('#user_name').on('blur',function(){
        var re=/^w{6,20}$/;
        if(re.test($(this).val())===false){
            $(this).next().html("用户名必须为6-12位字母").show();
        }else{
            $(this).next.hide()
        }
        });
        $('#pwd').on('blur',function(){
            var re=/^[w!@#$%^&*]{6,20}$/;
            if(re.test($(this).val())===false){
                $(this).next().html("密码必须是6-20位字符").show()
            }else{
                $(this).next().hide();
            }
        });
        $('#cpwd').on('blur',function(){
            if($(this).val()!=$('#pwd').val()){
                $(this).next().html("两次输入密码不一致").show();
            }else{
                $(this).next().hide();
            }
        });
        $('#email').on('blur',function(){
            var re=/^[a-z0-9][w.-]*@[a-z0-9-]+(.[a-z]{2,5}){1,2}$/i;
            if(re.test($(this).val())==false){
                $(this).next().html("邮箱格式有误").show();
            }else{
                $(this).next().hide();
            }
        })
    })
  • 相关阅读:
    异步任务AsyncTask
    巧用TextView实现分隔线
    android系统的常用权限
    浅析对话框AlertDialog
    LinearLayout中的layout_weight属性详解
    CLOB大数据对象
    模糊查询demo
    ES6 箭头函数
    ES6中数组求和,求平均数方法( reduce )
    ES6中数组方法( every 和 some )
  • 原文地址:https://www.cnblogs.com/chichung/p/9713556.html
Copyright © 2011-2022 走看看