博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jq的form验证
阅读量:5867 次
发布时间:2019-06-19

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

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://www.cnblogs.com/yuwensong/p/3929666.html

你可能感兴趣的文章
CentOS 6.7 下 PostgreSQL 9.5 的安装与配置
查看>>
使用Ajax以及Jquery.form异步上传图片
查看>>
如何在windows下安装GIT
查看>>
linux awk命令详解(转)
查看>>
SCSS loader effect
查看>>
sqlserver查询所有表名、字段名、类型、长度和存储过程、视图的创建语句
查看>>
[Linux] Linux系统(进程管理)
查看>>
Hive学习路线图(转)
查看>>
CentOS下添加sudo用户
查看>>
php 开发最好的ide: PhpStorm
查看>>
50个自媒体平台免费提升你的软文营销
查看>>
php composer 安装
查看>>
Linux kernel make 常用选项介绍
查看>>
linux中断处理原理分析
查看>>
【资源大全】.NET资源大全中文版(Awesome最新版)
查看>>
追忆-千千静听7.07美化增强版
查看>>
一个exception
查看>>
Web应用扫描测试工具Vega
查看>>
课程10:《黑马程序员_Hibernate开发资料》视频目录--没有细看
查看>>
Dubbo超时机制导致的雪崩连接
查看>>