表单 验证,手机 ,QQ,电子邮箱,数字,邮政编码,身份证,手机号 & 电话

好吧写一个自己的表单验证,临时的。

后面还更新:现在依赖jq

    //表单验证
    function testInput(o,attr,yfn,nfn,run){
        var re = {
            ‘age‘    :/^[^0]\d{0,2}$/,
            ‘null‘    :/\s/,
            ‘qq‘     : /^[1-9][0-9]{4,9}$/,                    //QQ
            ‘email‘ : /^\[email protected][a-z0-9]+(\.[a-z]+){1,3}$/, //电子邮箱
            ‘number‘: /^\d+$/,                            //数字
            ‘mail‘    :/^[1-9]\d{5}$/,                        //邮政编码
            ‘id‘    :/^[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x$/,    //身份证
            ‘call‘    :/(^(\d{3,4}-)?\d{7,8})$|(1[3,4,5,8][0-9]{9})/    //手机号 & 电话
        };
        function go(){
            function fyes(){
                o.removeClass(‘no_verify‘);
                if(yfn)yfn()
                return o.value;
            }
            function fno(){
                o.addClass(‘no_verify‘);
                if(nfn)nfn()
                console.log(‘错误信息:‘+attr)
                return false;
            }

            if(attr && typeof attr !=‘number‘){
                if(o.val() && re[attr].test(o.val())){
                    fyes()
                }else{
                    fno()
                }
            }else if(attr && typeof attr ==‘number‘){
                if(o.val().length>attr){
                    fyes()
                }else{
                    fno()
                }
            }else{
                if(o.val()){
                    fyes()
                }else{
                    fno()
                }
            }
        };
        if(run){ go() }    //run=true  验证一下表单
        o.blur(go);
    };

试用方法  ://testInput(  JQ对象 ,  ‘验证属性 || 不传值验证表单不为空 || 数字 验证字节不少于这个数‘ , ‘验证成功fn‘  ,  ‘失败fn‘ , 要不要自执行)

(验证成功返回值,不成功会返回false这里还会对表单加一个class样式:no_verify)

var f2=testInput($(‘#phone‘), ‘call‘,‘‘,‘‘,false)  //验证是不是电话或手机

var f5=testInput($(‘#userName‘), ‘‘,‘‘,‘‘,false) //表单不为空

var f12=testInput($(‘#reason‘),20,‘‘,‘‘,false)  //表单不小于20个

时间: 05-31

表单 验证,手机 ,QQ,电子邮箱,数字,邮政编码,身份证,手机号 & 电话的相关文章

一个表单验证

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

element-ui表单验证(电话,邮箱)

element-ui Form表单验证 最近刚好使用了element-ui的form表单,官网只提供的示例,这里把一些常用的验证记录下来,方便后期查找最终的效果是这样的, 这个表单里还加入了一下其他组件配合使用,这里为了简洁,就不放那么多代码,如果你刚好有用到其他功能的可以留言发其他功能的源码 // 这是HTML部分 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label

表单验证-邮箱验证

邮箱验证 1.使用function函数实现 注:需要在代码<input>的标签中加入属性:onblur="loginEmailBlur(this.value)" function loginEmailBlur(strEmail) { var loginEmail = $.trim($("input[name='email']").val()); if (loginEmail == null || loginEmail == '邮箱' || loginEm

Javascript:表单验证(验证空值/邮箱格式)

代码整理自w3school:http://www.w3school.com.cn 效果图: 示例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="Content-Type&quo

angular js h5关于表单验证的例子

angular js表单验证 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="angular.min.js"></script> <link rel="stylesheet" href="

ValidationSuar表单验证框架-支持ASP.NET MVC ASP.NET WebFroM

介强下ValidationSuar表单验证框架的好用: 1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 4.功能齐全 使用方法: 新建初始化类,将所有需要验证的在该类进行初始化,语法相当简洁并且可以统一管理,写完这个类你的验证就完成了70% 函数介绍: Add 默认类型(邮件.手机.qq等) AddRegex 正则验证 在Add无法满足情部下使用 addFunc 使用js函数进行验证 (注意:js

JS表单验证示例

1 </<!DOCTYPE html> 2 <html> 3 <head> 4 <title>JS表单验证</title> 5 <meta http-equiv = "content-type" content="text/html; charset = utf-8 "> 6 <link rel="stylesheet" href="JSlogin.cs

表单验证插件 jquery.validata 使用方法

主要分几部分 jquery.validate 基本用法 jquery.validate API说明 jquery.validate 自定义 jquery.validate 常见类型的验证代码 下载地址 jquery.validate插件的文档地址http://docs.jquery.com/Plugins/Validation jquery.validate插件的主页http://bassistance.de/jquery-plugins/jquery-plugin-validation/ jq

angularjs中的表单验证

angular对html原生的form做了封装,增加了很多验证功能 1.代码结构 <form name="signup_form" novalidate ng-submit="signupForm()"> <div> <label>用户名</label> <input type="text" placeholder="Name" name="name"