关于 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);
					}	
						
				});
			}*/
		});

})

  

目录
相关文章
|
8天前
|
JavaScript 前端开发 API
jQuery的基本认识和作用
jQuery的基本认识和作用
|
17天前
|
JavaScript
Layui中jquery的使用方式
Layui中jquery的使用方式
|
5月前
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
JavaScript
为什么用jquery写的代码没效果?
为什么用jquery写的代码没效果?
为什么用jquery写的代码没效果?
|
JavaScript 前端开发 Java
js与jQuery的区别以及jQuery选择器和方法的使用
js与jQuery的区别以及jQuery选择器和方法的使用
js与jQuery的区别以及jQuery选择器和方法的使用
|
JavaScript
jQuery——jQuery特殊属性操作
jQuery——jQuery特殊属性操作
128 0
jQuery——jQuery特殊属性操作
|
JavaScript
JQuery - 基础篇
JQuery - 基础篇
86 0
JQuery - 基础篇
|
JavaScript
jQuery 解决 click 和 dblclick 冲突
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82655648 ...
1321 0
|
JavaScript 前端开发