zoukankan      html  css  js  c++  java
  • jq的form验证

    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;
    
        });
    
    });
  • 相关阅读:
    多线程(10) — Future模式
    Java的设计模式(7)— 生产者-消费者模式
    多线程(9) — 无锁
    多线程(8) — ThreadLocal
    Java的设计模式(6)— 模板模式
    多线程(7)— JDK对锁优化的努力
    多线程(6) — 提高锁性能的一些看法
    复位电路 解析
    C语言数据类型
    MSP下载方式
  • 原文地址:https://www.cnblogs.com/yuwensong/p/3929666.html
Copyright © 2011-2022 走看看