表单验证信息jQuery代码

<script type="text/javaScript">
        $(function(){
            $("form :input.required").each(function(){
                var $required=$("<strong class=‘high‘>*</strong>");
                $(this).parent().append($required);
            });
            
            $("form :input").blur(function(){
                var $parent=$(this).parent();
                $parent.find(".formtips").remove();

//验证用户名
                if($(this).is(‘#username‘)){
                    if(this.value==""||this.value.length<6){
                        var errorMsg = ‘请输入至少6位的用户名‘ ;
                        $parent.append(‘<span class="formtips onError">‘+errorMsg+‘</span>‘);    
                    }else{
                            var okMsg=‘输入正确‘;
                            $parent.append(‘<span class="formtips onSuccess">‘+okMsg+‘</span>‘);
                        }    
                }
                
                //验证邮箱
                if($(this).is(‘#email‘)){
                    if(this.value==""||(this.value!="" && !/[email protected]+\.[a-zA-z]{2,4}$/.test(this.value))){  // 正则验证邮箱的
                        var errorMsg="请输入正确的E-Mail";
                        $parent.append(‘<span class="formtips onError">‘+errorMsg+‘</span>‘);
                    }else{
                            var okMsg=‘输入正确‘;
                            $parent.append(‘<span class="formtips onSuccess">‘ +okMsg+‘</span>‘);
                        }    
                }
                        
            });

//提交验证 ,无视错误提醒的需要对表单填写的内容进行一次整体的验证。
            $(‘#send‘).click(function(){
                $("form .required:input").trigger(‘blur‘);
                var numError=$(‘form .onError‘).length;
                if(numError){
                    return false;
                }
                alert("注册成功,密码已发送到你的邮箱,请查收。");
            });
        });
    </script>

时间: 2024-10-11 04:55:00

表单验证信息jQuery代码的相关文章

JS表单验证类HTML代码实例

以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮点数验证.日期验证.邮件检查.网址验证.固定电话和手机号码验证.IP地址验证.邮编和QQ号码验证. MSN和身份证验证等. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

jq中的表单验证插件------jquery.validate

今天我们来说一下表单验证,有人说我们在进行表单验证的时候使用正则来验证是非常麻烦的,现在我来给大家介绍一下表单验证的插件:jquery.validate.min.js 它是与jquery一起结合用来使用的,使用它是非常方便,只需写校验规则和错误字段即可. 我们常见的校验规则有以下几种: (1)required:true               必输字段(2)email:true                  必须输入正确格式的电子邮件(3)date:true               

jQuery插件 -- 表单验证插件jquery.validate.js

最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的javascript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jquery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.作为一个标准的验证方法库,Validation拥有如下特点: 1.内置验证规则: 拥有必填.数字.Email.URL和信用卡号码等19类内置验证规则 2.自定义验证规则: 可以很方便地自定义验证规则 3.简单强大的验证

表单验证插件 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

统一的表单验证(jquery+正则)

表单验证一直很繁琐,特别是大点的表单,如果每个input都去单独写验证简直要写死人,最近写了一小段js统一的验证表单内容是否正确. 使用这段代码就不再需要对每个input写格式判断,只需要将正确格式的正则表达式写在datatype里就可以了,提交表单按钮也只需要绑定checkForm函数就可以了. 大家有什么建议可以评论一下 <input type="text" datatype=“正则”/> //作者www.cumt.top //表单验证 //点击下一步事件 functi

如何使用validate.js进行动态添加和移除表单验证信息

表单是我们在开当中的常客,那么对表单的验证也是必须的,那么如何实现动态给表单添加验证规则呢? 方法: 1,动态添加验证规则 // 添加$("#addConnectUser").rules("add",{rules:{required:true,isString:true},messages:{required:"用户名为必填项",isString:"请输入规范字符"}});// 移除 $("#addConnectUs

表单验证插件jquery.validate.js学习

一.前言 在做web应用的时候,数据验证是非常重要的,一个不小心就产生bug,而bug多了显得个人开发能力都有问题,这个时候如果能有一个用着得心应手的验证插件,开发效率也会大大的提高.就好像牛魔王告诉孙悟空,你缺少一件兵器,于是他就抢来了棒子,用着那叫一个爽.三首蛟告诉杨戬,你手里缺少一件兵器,于是他把三首蛟变成了三尖两刃枪里,再配合一个忠心而又嗅觉灵敏的狗狗,办起事来真是事半功倍.今天我也学学这款比较流行的表单验证插件,给自己搞一个好使的兵器. 插件官网:https://jqueryvalid

jQuery表单验证插件——jquery.validate.js

官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 1 <script src="../js/jquery.js" type="text/javascript"></script> 2 <script src="../js/jquery.validate.js" type="text/javascript&qu

表单验证插件----jquery validation

1.下载地址:http://jqueryvalidation.org/ 2.使用方法: <script type="text/javascript" src="http://www.xftz.cn/templets/yuanyou/js/jquery-1.12.1.min.js"></script> <script type="text/javascript" src="js/jquery.validate