關於jquery.form和jquery.validata衝突的解決方案
他們兩個都一個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); } }); }*/ }); })
相關文章
- 關於hash衝突的解決
- IP衝突解決方案
- git pull衝突的解決方案Git
- 流衝突解決方案——流
- 關於SVN update之後,引起衝突的解決方法
- Elasticsearch——併發衝突以及解決方案Elasticsearch
- Jar包衝突解決方案調研JAR
- 關於 OkHttp 依賴衝突問題的解決過程HTTP
- 解決jquery和其他庫的衝突jQuery
- 一種巢狀滑動衝突的解決方案巢狀
- 巢狀UIScrollview的滑動衝突解決方案巢狀UIView
- Git 解決衝突Git
- git 解決衝突Git
- 建立結算清單時提示衝突解決方案
- SVN衝突解決和注意事項
- 衝突解決方案概念和體系結構——高階複製
- 一種非巢狀滑動衝突的解決方案巢狀
- 為什麼docker 網段衝突會和宿主機衝突?原因分析和解決方案Docker
- 程式衝突及其解決
- git pull 衝突解決Git
- windows解決埠衝突Windows
- SVN 版本衝突解決
- hash衝突解決方法
- Git衝突解決技巧Git
- 關於Hash 函式 雜湊索引表 解決位置衝突的問題函式索引
- Flutter和iOS手勢衝突解決思路FlutteriOS
- JAR衝突問題的解決JAR
- 下拉重新整理和UITableView的section headerView衝突的原因分析與解決方案UIViewHeader
- css命名衝突解決方法CSS
- SVN解決衝突 記錄
- 雙擊和單擊事件衝突解決方法事件
- 依賴衝突時的解決方法
- Git 衝突了怎麼辦,如何高效快速的解決程式碼衝突?Git
- 資料庫補丁衝突解決方案 (文件 ID 1674432.1)資料庫
- 整合環信easeui support-v4包衝突解決方案UI
- git 解決版本衝突問題Git
- Git命令列下解決衝突Git命令列
- Eclipse中Egit衝突解決EclipseGit