博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery的表单验证
阅读量:6215 次
发布时间:2019-06-21

本文共 2564 字,大约阅读时间需要 8 分钟。

hot3.png

jQuery(document).ready(function(){    $('#cform img.contact-loader').hide();        $('#cform').submit(function(){                //验证信息        if($('#name').val() == ""){            $("#name").parent().addClass("error");            $("#message").html("请填写你的姓名!").show().addClass("error");            $("name").focus();            return false;        }                if($('#email').val() == ""){            $("#email").parent().addClass("error");            $("#message").html("请填写你的邮箱!").show().addClass("error");            $("#email").focus();            return false;        }        if($('#title').val() == ""){            $("#title").parent().addClass("error");            $("#message").html("请填写你的姓名!").show().addClass("error");            $("#title").focus();            return false;        }        if($('#content').val() == ""){            $("#content").parent().addClass("error");            $("#message").html("请填写你的留言!").show().addClass("error");            $("#content").focus();            return false;        }                var pattern = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;        if(!pattern.test($('#email').val())){            $("#email").parent().addClass("error");            $("#message").html("邮箱格式不正确!").show().addClass("error");            $("#email").focus();            return false;        }                        var action = $(this).attr('action');                $("#message").slideUp(750,function() {            $('#message').hide().removeClass("error");                         $('#submit').attr('disabled','disabled');            $('#cform img.contact-loader').show();            $("#cform fieldset").removeClass('error');                        $.post(action, {                name: $('#name').val(),                email: $('#email').val(),                subject: $('#title').val(),                comments: $('#content').val()            },                function(data){                    document.getElementById('message').innerHTML = data.info;                    $('#message').slideDown('slow').addClass("success");                    $('#cform img.contact-loader').fadeOut('slow',function(){$(this).remove();});                    $('#submit').removeAttr('disabled');                    if(data.status == 1) {                        document.getElementById('cform').reset();                            $('#cform').slideDown('slow');                    }                }            );        });        return false;    });});

转载于:https://my.oschina.net/osmyblog/blog/362093

你可能感兴趣的文章
软件构架实践阅读笔记5
查看>>
CRM项目总结
查看>>
从上往下打印二叉树
查看>>
Material Design(八)--CoordinatorLayout和FloatingActionButton
查看>>
[02]项目实战- 移动端流体布局
查看>>
Ant Design React按需加载
查看>>
[ZHOJ1954]lyd的旅行
查看>>
C++ 智能指针(一)
查看>>
移动端webapp开发必备知识[转]
查看>>
前端之js动画-47
查看>>
CSS中position的absolute和relative的应用
查看>>
树莓派Linux下无线网卡无法获取IP,不识别,等问题
查看>>
双重指针法,分配二维数组内存
查看>>
memcached总结
查看>>
Java基础知识总结二(2)
查看>>
闰年 的方法 和你生存了多少天的 方法
查看>>
课程作业01:模仿JavaAppArguments.java示例,编写一个程序,此程序从命令行接收多个数字,求和之后输出结果。...
查看>>
thunder
查看>>
更新CM版本
查看>>
Dubbo面试题
查看>>