关于 jquery.form和jquery.validata冲突的解决方案

简介: 他们两个都一个submitHandler; 好好看看吧 //就是加入这个 $.validator.setDefaults({ submitHandler: function(form){ $.

他们两个都一个submitHandler;

好好看看吧

//就是加入这个
$.validator.setDefaults({
    submitHandler: function(form){
    	$.ajax({
			url: '/index.php?ctrl=feedback&act=index',
			type: 'post',
			dataType: 'text',
			data: $("form").serialize() ,
			success:  function (result) {
				if(result==1111){
						$(".err-box").html('success');
				}else if(result==1002){
					$(".err-box").html('check code error');
				}else{
					$(".err-box").html('error');
				}
				$(".err-box").show();
				$("#submitbutton").attr('src',"<?=DOC_ROOT?>images/sendbtn-b.png");						
			},
			beforeSend: function(){
				$("#submitbutton").attr('src',"<?=DOC_ROOT?>images/loading.gif");
				$("#submitbutton").attr('disabled',true);
			}	
				
		});
		return false;
    }
});

$(function(){
	// ----------------上传 start
	var bar = $('.bar');
    var percent = $('.percent');
    //var showimg = $('#showimg');
    var progress = $(".progress");
    var btn = $(".btn span");
    $("#fileupload").wrap("<form id='myupload' action='/index.php?ctrl=feedback&act=upload' method='post' enctype='multipart/form-data'></form>");
    $("#fileupload").change(function(){
        $("#myupload").ajaxSubmit({
            dataType:  'json',
            beforeSend: function() {
            //    progress.show();
                var percentVal = '0%';
                bar.width(percentVal);
                percent.html(percentVal);
                btn.html("upload loading...");
            },
            uploadProgress: function(event, position, total, percentComplete) {
                var percentVal = percentComplete + '%';
                bar.width(percentVal);
                percent.html(percentVal);
            },
            success: function(data) {
            	btn.html("upload success!");
            	$("#attachments").val(data.path);
            },
            error:function(xhr){
                btn.html("upload failed !");
                bar.width('0')
               // files.html(xhr.responseText);
            }
        });
    });
	// ----------------- end 



	
	$("img#vcodeImg").bind("click",function(){
		// $("img#vcodeImg").attr('src',"<?=DOC_ROOT?>images/loading.gif");
		$("#vcodeImg2").show();
		document.getElementById('vcodeImg').onload=function(){
			$("#vcodeImg2").hide();
		}
		 document.getElementById('vcodeImg').src='/index.php?ctrl=feedback&act=verifyimg&' + Math.random();
		 
	});
	$("#name2").bind("focus",function(){
		//$("img#vcodeImg").attr('src',"<?=DOC_ROOT?>images/loading.gif");
		document.getElementById('vcodeImg').onload=function(){
			$("#vcodeImg2").hide();	
		}
		document.getElementById('vcodeImg').src='/index.php?ctrl=feedback&act=verifyimg&' + Math.random();
		$("#name2").unbind("focus");
		
		$("#vcodeImg2").show();
	});
	$("#feedback_post_form").validate({
		rules: {
			email: {
				required: true,
				email: true
			},
			name:{
				required:true,
				maxlength:20,
				minlength:2
			},
			subject:{
				required:true,
				maxlength:20,
				minlength:2
			},
			description:{
				required:true,
				maxlength:1000,
				minlength:10
			},
			name2:{
				required:true,
				maxlength:4,
				minlength:4
			}
		},
		messages: {
				
				email: {
				/*	required: "input Email address",
					email: "validata email!"*/
				},
				name:{
				}
			}
		/*,
		submitHandler:function() {  
				$.ajax({
					url: '/index.php?ctrl=feedback&act=index',
					type: 'post',
					dataType: 'text',
					data: $("form").serialize() ,
					success:  function (result) {
						if(result==1111){
								$(".err-box").html('success');
						}else if(result==1002){
							$(".err-box").html('check code error');
						}else{
							$(".err-box").html('error');
						}
						$(".err-box").show();
						$("#submitbutton").attr('src',"<?=DOC_ROOT?>images/sendbtn-b.png");						
					},
					beforeSend: function(){
						$("#submitbutton").attr('src',"<?=DOC_ROOT?>images/loading.gif");
						$("#submitbutton").attr('disabled',true);
					}	
						
				});
			}*/
		});

})

  

目录
相关文章
Jquery.Form和jquery.validate 的使用
var form=$('#xxxForm'); var error=$('.alert-danger',form); form.validate({ errorElement:'span', ...
888 0
|
1天前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
21 14
|
22天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
59 21
|
23天前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
48 16
|
18天前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
41 9
|
21天前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。
|
23天前
|
JavaScript
简洁实用的jQuery进度条插件
这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。
|
22天前
|
JavaScript 容器
jQuery文字跑马灯插件Marquee
jQuery.Marquee是一款jQuery文字跑马灯插件。jQuery.Marquee跑马灯插件可以结合使用CSS3动画,制作文字的上下左右移动效果。
|
19天前
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
24 2
|
19天前
|
JavaScript
jquery和CSS3响应式轮播图插件jcSlider
jcSlider是一款jquery和CSS3响应式轮播图插件。jcSlider使用CSS3过渡动画,它可以和animate.css完美结合,生成60多种轮播图过渡动画效果。